返回列表 回复 发帖

[转载] CSS BUG顺口溜

<转自 JJ.Ying的博客>. {' ~( [9 o! W& K$ {, f" O# N9 b
$ \  `1 j9 x7 E* M
一、IE边框若显若无,须注意,定是高度设置已忘记;
) v3 w9 D' c0 F% E6 g6 ]7 J
# Z  f# D, |# N' h# Q二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
) t$ K' t1 q; L. y1 N2 Z$ y$ A$ L3 i* V
三、三像素文本慢移不必慌,高度设置帮你忙;  N5 O5 \( k7 n
: ^3 J: F$ l8 C6 C) M5 r
四、兼容各个浏览须注意,默认设置行高可能是杀手;
* U; i' Y! C' S/ n7 k8 D% o# Z2 W
( y* U5 H! O" W' o2 a五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;$ l3 D! z9 }: G0 C+ e

: m9 F0 N0 }; D! F六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
& P9 v4 W9 k  s; q& F
; h% r* Z& K$ E5 h* H1 Y七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。! I: W  U5 H6 k, ~  X1 u
& N5 G1 z! x1 `5 I- E
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
, J8 S: v5 z% n: `
! H9 \/ C/ _8 Z' v8 S九、IE浮动双边距,请用display:inline拘。
3 l- ^, s% ?6 g( t. m7 J
, |  g& g6 G+ a+ O* T7 d十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
怨去吹箫,狂来说剑,两样销魂味。
返回列表