学习CSS需要考虑的问题
" ~& }# ?5 d. F: x4 g% ` 目前总结了这么几点,若有新的,再添加。
4 O5 \! _5 E) S9 C+ |; m8 g 1.跨浏览器访问的问题(个人认为这个是最重要的问题)。有一本书《网站重构》可以看看。 * I; u: m1 o4 E% j" u
2.用作不同位置时,应选用不同的css文件,以呈现不同的效果。Media:screen,print or other。因为显示与不同位置,需要的css文件茶叶网站有可能会大不一样,不然会影响效果。 9 U8 j9 ]1 ?0 L
3.用户的浏览器背景不一定都设为白色的。很多人可能会忽视这个细节,在首先定义body时,没有考虑背景颜色的问题, # ]) g! Y1 k: U$ B+ ?4 P, }
想当然的认为客户端的浏览器背景一定就是白色的。 3 n8 t* |5 j% i- K7 r5 w
4.不要用(背景)图片显示重要信息,因为在有的网络情况下,图片有可能显示不出来,或者用户在客户端设置了图片不显示,这样会影响网站的效果。(背景图是修饰,而不能作为“内容”)。
. h' ~. p2 S5 a 5.需要考虑到不同访问者的访问便利性。如:用户有可能是色盲,聋哑人等。这样就不能把某些颜色或声音作为体现茶叶网站网站内、容的载体或作为其他作用。(文字为王,Content is King,所以网站应主要以文字体现) . z1 w: m; \1 }, t. o$ w! z9 A
6.若有疑问,先减少百分比0 x6 [4 K- T! {5 X; o$ o
有时候某些错误会使50%+50%成为100.1%,使网页出现茶叶网站建设问题。这时请尝试将这些值改为49%,甚至49.9%。
; Z7 @, g [& f5 o 7.记住“TRouBLed”写法
) @' y! ?6 u9 L5 }* ^% q4 c* | Border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:top,right,bottom,left. 所以margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。记住“TRouBLe”,您就不会弄错次序了。! E' ?1 C. V' M- W
8.只要不是零的值,都要指定单位. q0 b- ]& S. X+ k2 H
CSS需要您对每个font,Margin等各种值指定单位。(唯一的例外是line-height) |