返回列表 回复 发帖

[转载] CSS BUG顺口溜

<转自 JJ.Ying的博客>
& Y$ T( N6 J2 M# Q5 L4 O' a5 u$ m
1 Z+ h$ F* e/ x' ]一、IE边框若显若无,须注意,定是高度设置已忘记;0 U1 h6 @) u7 s1 |7 q& V9 x

% s2 h# V9 @# l) {: k二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;+ f6 N2 ?  i9 y' @) T# ?" A
5 T- T$ H, q* L
三、三像素文本慢移不必慌,高度设置帮你忙;. B/ y; l( Q3 o

/ _2 ?* m6 V# Z( n! e0 \+ P- [5 j四、兼容各个浏览须注意,默认设置行高可能是杀手;+ a4 [/ _, N& |1 E& J" T( g- H, b5 Y

: O1 o5 {" R+ V# ^) s五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;# m/ C7 m! t( `: w) A9 w. x
$ x, ~$ e5 W" ]: o
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
% e1 ~/ U! N8 K" c- v, v& L& o; \' l9 R4 r' o8 \. u4 P) Q
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。9 X8 \4 X4 }2 X) J
5 ~# v& d4 ?* d5 B
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。2 o  I% l( `0 }; f3 B
3 V0 Y5 q9 I! O5 \8 e+ F
九、IE浮动双边距,请用display:inline拘。
3 t& T6 V# q. h& S9 i8 M3 H- P7 W! p  X$ y/ P0 l
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
怨去吹箫,狂来说剑,两样销魂味。
返回列表