一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。
七、所有标签皆有源，只是默认各不同，span是无极，无极生两仪—内联和块级，img较特殊，但也遵法理，其他只是改造各不同，一个*号全归原，层叠样式理须多练习，万物皆规律。
八、图片链接排版须小心，图片链接文字链接若对齐，padding和vertical-align:middle要设定，虽差微细倒无妨。
九、IE浮动双边距，请用display：inline拘。
十、列表横向排版，列表代码须紧靠，空隙自消须铭记。
CSS网页布局有何技巧？ Example Source Code .left-blue \{ color: \369; \} 你可能立即知道这个类选择符是为左侧边栏的
[https://juejin.im/post/6844903574929932301\1.1][https_juejin.im_post_684490357492993230
这是以前学习css的时候，偶尔得到的css布局口诀，还有一些自己收集的不错的css学习网址，在这里分享一下,希望可以减轻下兄弟们学习css的困扰。。。。。。 一、IE
这是以前学习css的时候，偶尔得到的css布局口诀，还有一些自己收集的不错的css学习网址，在这里 分享一下,希望可以减轻下 兄弟们学习css的困扰。。。。。。 一、
先来看一张图： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9
一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮你忙； 四、
物理像素 物理像素是屏幕设备的尺寸单位，在不同的设备中1px里可以容纳的像素颗粒是不相同的，所以1px这个单位其实也是有N个像素颗粒填充的。同一尺寸屏幕的每个像素点所能容
ゝ一世哀愁。
Bertha 。
红太狼
淩亂°似流年
还没有评论，来说两句吧...