一聚教程网:一个值得你收藏的教程网站

热门教程

Div+CSS标准网页布局容易出现的问题汇总

时间:2022-07-02 12:47:12 编辑:袖梨 来源:一聚教程网

应用Div+CSS网页布局,制作符合web标准的网站,容易出现的一些问题。
现在总结一下,以便大家能够看到明白问题出在那里。
一.CSS校验的问题
我们设计的网页,都希望符合XHTML标准,CSS通过W3C的校验。有些未通过CSS2.0校验,主要校验错误都是:“Line : 0 font-family: 建议你指定一个种类族科作为最后的选择”
W3C建议字体定义的时候,最后以一个类别的字体结束,而不要以单独某个字体结束。例如"sans-serif"就可以保证在不同操作系统下,网页字体都能被显示。
虽然多数人都在body标签上定义了"sans-serif",但在其它的id或class中再次定义字体时漏了sans-serif,被认为校验不通过。这个错误不是很严重,只要稍加注意就可以避免。
二.CSS的书写建议
给CSS文件加注释。注释会为你今后的维护带来方便,建议尽可能给CSS文件加注释,不要担心增加少量的字节。
 尽量简写CSS语法。比如颜色值"#FFFFFF"可以简写成"#FFF";"padding-top:30px;Padding-right:0;padding-bottom:10px;padding-left:2 0px"可以简写为"padding:30px 0 10px 20px;"。在定义技巧上有更多的节省技巧,随着对CSS应用的熟练,你会不断发现更好的办法。
三.XHTML校验的问题
往往大家对CSS的校验比较注意,但在XHTML符合标准方面有点忽视,出现很多低级错误。主要问题罗列如下:
◎target="_blank",这个语法在HTML4.0里是正确的,在XHTML1.0里是不允许使用的。解决的办法之一是写成target="new",另外一个办法是用js处理所有的target;
◎样式表最好不要内嵌,将样式表文件独立出来易于维护。如果内嵌