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