pzg's blog

CSS布局设计 顺口溜

一、IE边框若显若无,须注意,定是高度设置已忘记; 

二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 

三、三像素文本慢移不必慌,高度设置帮你忙; 

四、兼容各个浏览须注意,默认设置行高可能是杀手; 

五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览; 

六、学布局须思路,路随布局原理自然直,轻松驾驭HTML,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。 

七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。 

八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。 

九、IE浮动双边距,请用display:inline拘。 

十、列表横向排版,列表代码须紧靠,空隙自消须铭记。

《 “CSS布局设计 顺口溜” 》 有 4 条评论

  1. 老饕 的头像

    这个看过,呵呵

  2. countmeon 的头像

    就是刚抄过来的,嘎嘎

  3. 别用鼠标点我 的头像

    很早前就看过了,概括的不错。

  4. 蛋王 的头像

    转的很快,呵呵。到此一游。。。嘿~

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注