学习CSS需要考虑的问题 - y' D( Q6 P. n. G, Z9 m9 M
目前总结了这么几点,若有新的,再添加。 6 ^9 V% O/ H+ _, K' k* |
1.跨浏览器访问的问题(个人认为这个是最重要的问题)。有一本书《网站重构》可以看看。 1 G, w- y0 v4 X3 x6 H' c& x8 T
2.用作不同位置时,应选用不同的css文件,以呈现不同的效果。Media:screen,print or other。因为显示与不同位置,需要的css文件茶叶网站有可能会大不一样,不然会影响效果。 7 L" ~) v* n3 a7 \4 G1 `0 z7 H
3.用户的浏览器背景不一定都设为白色的。很多人可能会忽视这个细节,在首先定义body时,没有考虑背景颜色的问题, 5 `' ~+ f1 @+ o+ S' M2 f: d8 s3 Y! c. {
想当然的认为客户端的浏览器背景一定就是白色的。
0 u6 L3 A+ ?! v1 N! H3 c 4.不要用(背景)图片显示重要信息,因为在有的网络情况下,图片有可能显示不出来,或者用户在客户端设置了图片不显示,这样会影响网站的效果。(背景图是修饰,而不能作为“内容”)。 7 v) M J* y4 W% U7 y% H
5.需要考虑到不同访问者的访问便利性。如:用户有可能是色盲,聋哑人等。这样就不能把某些颜色或声音作为体现茶叶网站网站内、容的载体或作为其他作用。(文字为王,Content is King,所以网站应主要以文字体现)
( M3 M8 S$ p6 e) b4 w6 h( ]6.若有疑问,先减少百分比& H1 I! F0 Z5 ^9 N, n
有时候某些错误会使50%+50%成为100.1%,使网页出现茶叶网站建设问题。这时请尝试将这些值改为49%,甚至49.9%。
: M2 e) l# }0 V* D/ c! k' o" z' e; U 7.记住“TRouBLed”写法
( K& p0 e% A3 v) p Border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:top,right,bottom,left. 所以margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。记住“TRouBLe”,您就不会弄错次序了。
2 Q7 Q- S& L" m" A) ~+ {3 c 8.只要不是零的值,都要指定单位' ?# H% r) ?2 |& A: |
CSS需要您对每个font,Margin等各种值指定单位。(唯一的例外是line-height) |