html+css布局

 一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。

 

二、制作网页就像是报纸和书籍排版,网页布局是由传统纸媒发展来的。
1.布局决定宽度,内容决定高度,为实现图文混排出现的float布局。绝对布局和fixed布局是网页不同于报纸的地方。
2.block元素是为布局设计的,有宽高,inline元素是内容中的,inline-block元素是两者的结合,既不单占行,又有宽高。盒模型是在浏览器发展过程中出现并发展的,hasLayout是微软自家的解决方案。
3.CSS是html之后出现的,使block和inline可以互相转换。
4.用什么布局要根据需求来定,应尽量用流实现。极端一点的例子,比如可以用绝对定位+javascript实现大部分布局需求,photoshop图层原理就是这样。但这样有悖网页布局原则,但有些需求用绝对定位是最好的或是唯一的选择,比如瀑布。

 

   学了一个多月的html+css,感觉html+css用艺术来形容它更好一些,这就好比给你一支笔有的人什么都写不出来,有的人却能写出各种名著。

   学html+css最主要的是思想,想法一定要合理,当你想法合理了其实在IE6中的bug就会很少了啊!还要注意合理的标签使用,便于搜索引擎的解读!当然关键字那更是很重要的了!有很多想说的但是不知道从和说起,以后慢慢加吧先写这点吧!

你可能感兴趣的:(html,css,浮动布局)