你的网站通过W3C验证了吗?(关于CSS警告的部分解决方法)
想让自己的网站通过W3C标准并不难,可是怎么样才能做到更完美些?让网站中连一个“警告”都没有呢?笔者通过一些亲身实践,想谈谈一些观点。
以前做网页总是看有没有兼容各个浏览器,虽然知道有W3C验证这个东东,但平时总是会忽略它,今天正式为了一张网站的首页去http://jigsaw.w3.org/css-validator/验证了一番,显示为“恭喜恭喜,此文档已经通过 CSS 版本 2.1 校验!”,样式表是通过了,但在警告下拉中如果选择“全部”的话

会发现了多处“警告”,如:

我网上查了些相关资料,看到很多做网页前端的朋友们都不太重视此类问题,“提示前景颜色、背景颜色的问题可以忽略”“ 验证css的意义不大”诸如此类的话比较多,但我想,W3C既然推出了这么一个验证,就有必要去把自己的网页做到最好最规范,这样是不是才更对得起自己这份职业呢?
废话不说,切入正题,警告虽然很多,但主要的大致分为三处,这里想简单与大家交流一下解决办法。
1、“你没有为你的背景色设置(前景)颜色”或“你没有为你的(前景)颜色设置背景色”,一开始觉得这样的警告很无聊,但为了使页面能完美的通过W3C验证,就不得不重视这些。可以加上“background:inherit;”试试,意思为背景颜色继承。(还有种情况是“颜色和背景颜色使用了相同的颜色”,在这里就需要将color和background-color的属性都加上了。如果这里你的背景background设置成了图片为背景,那就需要设置背景颜色为透明background-color:transparent后就行了)
2、“重定义了 border-top-width”,这里的错误源于边框原先设置为: border:1px solid #7c9d2a; border-top:0; 这样写在页面中显示都是正确的,并且当时学习CSS的时候,很多书上也是这么写的,我现在改成了: border-top:1px solid #7c9d2a; border-left:1px solid #7c9d2a; border-right:1px solid #7c9d2a; 这样代码虽说多了点,但能通过了,如有更好的办法欢迎回帖交流。
3、“font-family: 建议你指定一个种类族科作为最后的选择”,这类问题比较常见,通常以一个大类的字体来用作结尾就可以了,如:font-family: “宋体”, Verdana, sans-serif;
以上只是通往W3C验证的冰山一角,后期我会通过更多的实践来补充如何通过W3C标准。如果各位有异议或疑问,我在这里很乐意与你们交流!