返回列表 回复 发帖

[转载] CSS BUG顺口溜

<转自 JJ.Ying的博客>! }/ _* e$ }% ^$ r% \; M9 D. F! L

* r! ~* Y2 Y( r+ B9 W1 j8 c' `一、IE边框若显若无,须注意,定是高度设置已忘记;4 Z4 f# t$ r( j- ^" S

! u4 c* _$ a( q9 U二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;8 m; Q' h; K" ^# w
& K/ y' U# s! T2 g. h! T3 n9 }9 N
三、三像素文本慢移不必慌,高度设置帮你忙;" J7 q2 m( z5 u# x% S# ]. x' H2 x6 K
2 A3 m3 y5 |" Q& w4 M
四、兼容各个浏览须注意,默认设置行高可能是杀手;  N4 _  H; J1 B" W# s) u! K
6 n) O" J1 ~  c! r) I0 c
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
( B7 @+ C1 h& V
. A/ t% M" ?: y$ x8 g六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。6 k: d2 t2 m2 c" N0 J/ z

2 i4 x, Q2 n: y" G9 E七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
$ l' \' _: ~/ K4 c/ |) E; m- s/ I# y
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。  b) \2 A6 l  ~, q0 |# k' ^$ X( s

1 e$ f" M' T7 K4 i% f1 o, g$ {九、IE浮动双边距,请用display:inline拘。
: m! \8 O2 O* h- u3 q7 f
8 x/ P! J" R. m' i十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
怨去吹箫,狂来说剑,两样销魂味。
返回列表