CSS布局教程

基于web标准的网站设计指南

« 关于字体的大小布局模型 »

预防css中文注释bug

在CSS代码中添加注释是个好习惯,但是有时也会出现一些问题。例如,为CSS添加中文注释,在一些特殊情况下中文注释会导致部分代码无故失效,主要原因是服务器端支持、文档代码以及程序类型等引起的。由于IE6及更低版本浏览器对于双字节的中文字稅符支持不是太好,添加中文注释就会出现解析问题,而IE7、fire fox等现代标准浏览器都能良好支持中文注释。因此如果发现带有中文注释的样式代码无法显示,可以把注释改成英文或者尝试把文档编码改成与页面一致的编码。如把IE默认编码UTF-8改为GB2312后会显示正常。另外,如果在内部样式中添加HTML注释,则后面相邻的样式也会失效。
SS注释的目的是为了本地查看和维护,以及团队内信息交流,但当把CSS上传到服务器上时,就没有必要把这些注释也一块上传了。清除注释与代码空行能够节省带宽,清除注释的方法也有多种:
利用手工逐行删除,这种方式对于CSS代码比较少时适用。可以利用编辑器的查找替换功能快速替换掉,但如果注释的内容或格式没有规律时,这种方式也比较费时。最佳方法就是利用一些在线CSS优化工具快速优化。这样的工具网上比较多。
有些设计师认为在css代码中添加注释是很件很无聊的事情,只有不熟悉代码的初学者才会做,存在在这种想法的人,多数觉得CSS不是纯粹的编程语言,增加注释没有必要。亨事实上,添加注释对日后代码维护提供了很大的方便。如果在适当的地方增加一些注释,将有助快速了解代码的意。在大型天津网站建设开发中,这种效果将更显著。
CSS注释的语法虽然简单,但它的放置位置和表达方式比较讲究,这里没有固定的模式,不同天津网站设计师有个人的注释习惯,我比较习惯于上面的注释方法。具体地说就是:
在代码段前面添加模块功能说明,便于日后了解代码块的功能,代码段可以包含一个或多个样式。
在每条规则的选择符后大括号的右侧添加该样式的简单说明,关于这个说明应根据情况,如果觉得样式比较容易误解或难理解,加上说明会方便阅读。
在每个声明之后增加属性说明或提示,有时候为了兼容而定义的Hack代码,就应该在属性后提示一下,避免日后阅读时不明白代码的作用。
g果样式表文件格式是每个规则单行书写,可以省略属性说明和样式简介,直接添加模块释。
需要说明的是,读者不必为每条声明添加注释,也没有必要为每个规则都添加说明,有些代码一看就明白,可以省略注释。代码注释的目的是画龙点睛,辅助阅读;而不是画蛇添足,增加繁琐。了帮助初学者学习CSS代码。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号