返回列表 回复 发帖

[转载] CSS BUG顺口溜

<转自 JJ.Ying的博客>" T! x$ l, [- r/ R6 D

# ]2 x8 n' k* Y! D一、IE边框若显若无,须注意,定是高度设置已忘记;
1 Q0 R2 B' f9 r8 Y- h& y8 ~, J2 J5 a6 z' A- w  J
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
& Q! R1 H9 m, H, k+ e0 a% \# q' {9 r' Y, Z  H% {- c
三、三像素文本慢移不必慌,高度设置帮你忙;2 b( z$ i1 f2 H+ |9 p) c* ~

& I. I; `7 ?4 [8 [6 U# D四、兼容各个浏览须注意,默认设置行高可能是杀手;
* C4 Y/ {6 ^; M) c; Q1 M
. K! L' f; y% u9 W' t五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
+ Q( s4 Y! B4 S) h' U, n# T4 E  V, m8 ~8 O# Q4 g
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。3 _8 Y0 X4 S4 @& l5 [8 ^* [! {

( {+ K1 O5 n/ A5 t! F; \9 X七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
' _  j) Z+ u# e& E, A& l. N& O
5 u* i) o# n5 d八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
! h" J0 p3 W' z5 S) F6 _4 T3 e0 H- v# X6 b$ F( Y& A1 V9 o3 U
九、IE浮动双边距,请用display:inline拘。
% f  S9 J% {9 k5 a8 f$ R! r5 G; C, M4 L2 v( k, v. {4 W- R# O
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
怨去吹箫,狂来说剑,两样销魂味。
返回列表