学习CSS需要考虑的问题 1 y0 k4 G3 ?5 ]# |2 b9 W# C
目前总结了这么几点,若有新的,再添加。
8 J; k2 r) P7 z 1.跨浏览器访问的问题(个人认为这个是最重要的问题)。有一本书《网站重构》可以看看。 + y0 r4 ]3 [5 M- \2 a2 L
2.用作不同位置时,应选用不同的css文件,以呈现不同的效果。Media:screen,print or other。因为显示与不同位置,需要的css文件茶叶网站有可能会大不一样,不然会影响效果。
' c8 y3 T* W" m' j( R$ O 3.用户的浏览器背景不一定都设为白色的。很多人可能会忽视这个细节,在首先定义body时,没有考虑背景颜色的问题,
V" }' b9 A' _/ ]$ D+ w/ H 想当然的认为客户端的浏览器背景一定就是白色的。 " w$ U, ~! ~& T0 I+ M
4.不要用(背景)图片显示重要信息,因为在有的网络情况下,图片有可能显示不出来,或者用户在客户端设置了图片不显示,这样会影响网站的效果。(背景图是修饰,而不能作为“内容”)。
5 h6 n9 b- q% y1 n. T* g2 a 5.需要考虑到不同访问者的访问便利性。如:用户有可能是色盲,聋哑人等。这样就不能把某些颜色或声音作为体现茶叶网站网站内、容的载体或作为其他作用。(文字为王,Content is King,所以网站应主要以文字体现)
% \, c) X+ G& A6 j! u) S( E R6.若有疑问,先减少百分比 B& B$ Y' S+ k$ W
有时候某些错误会使50%+50%成为100.1%,使网页出现茶叶网站建设问题。这时请尝试将这些值改为49%,甚至49.9%。8 E M* X. I, f& n. s
7.记住“TRouBLed”写法: X- Z" ?. k7 U; Y7 W; i& J# _
Border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:top,right,bottom,left. 所以margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。记住“TRouBLe”,您就不会弄错次序了。- r. A L" q+ v& E. E7 [9 |% ]
8.只要不是零的值,都要指定单位7 l6 c0 I# t3 ~8 J
CSS需要您对每个font,Margin等各种值指定单位。(唯一的例外是line-height) |