应用Div+CSS设计网页布局,设计符合web标准的网站,容易出现的一些网页设计布局上的问题。 郑州建站公司伟之琦通过实践经验具体总结如下,以便大家能够看出问题出在哪里?
网页设计布局的常见问题一、CSS校验的问题
我们设计的网页,都希望符合XHTML标准,CSS通过W3C的校验。有些未通过CSS2.0校验,主要校验错误都是:“Line : 0 font-family: 建议你指定一个种类族科作为最后的选择” 。W3C建议字体定义的时候,最后以一个类别的字体结束,而不要以单独某个字体结束。例如"sans-serif"就可以保证在不同作业系统下,网页字体都能被显示。
虽然多数人都在body网页标签上定义了"sans-serif",但在其它的id或class中再次定义字体时漏了sans-serif,被认为网页校验不通过。这个错误不是很严重,只要稍加注意就可以避免。
网页设计布局的常见问题二、CSS的书写建议
1、给CSS文件加注释
注释会为你今後的维护带来方便,建议尽可能给CSS档加注释,不要担心增加少量的位元组。2、尽量简写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;
网页CSS样式表最好不要内嵌,将CSS样式表档独立出来易于维护。如果内嵌