返回列表 回复 发帖

[转载] CSS BUG顺口溜

<转自 JJ.Ying的博客>
9 S2 Z7 f1 |) w1 p4 A: J- n+ E" h( V& D- \1 G  m0 w7 q
一、IE边框若显若无,须注意,定是高度设置已忘记;
, b- p3 O: m; A6 S
0 }1 f( i5 v* n二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
9 r' p) l6 f6 M* s  ?6 @( f6 Y! X: n* Z, P$ T( q
三、三像素文本慢移不必慌,高度设置帮你忙;
0 G0 ?) Y0 h, Q# a5 A  B
0 D0 l1 k' ~- s! L* E% Q0 R! p四、兼容各个浏览须注意,默认设置行高可能是杀手;5 W) F. L9 Y; J4 c

# R+ {0 A) J+ e* J' W* c1 ]五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
5 E( s, }$ I. A' h3 p) U( ^
3 s) H' r! o4 R" p3 ], Z0 a六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
" G) c# q1 `/ g- ^. I7 Q0 R/ i8 ^. Q) C& L$ h7 J
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
& [7 g, D  Y0 ?3 k4 f+ p; q4 e4 i! s& Q6 W! [7 z7 Z! ~" k" t1 Z
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。" i" j* Q$ {* O+ I. W/ A
( N* @7 X! B; a" y/ l
九、IE浮动双边距,请用display:inline拘。
  O5 I; O  ?# \' T6 L2 h
9 C; c/ {! _3 G# I) ]十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
怨去吹箫,狂来说剑,两样销魂味。
返回列表