进行大型项目或团队合作开发时，首先要统一大家书写代码的规范，另外就是要合理使用注释。为你的CSS文件和div结构添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息，不过使用注释对优化组织结构和提升效用也很有帮助。

提示和标签

这是注释最常用的途径，可以为自己或其他开发人员留下提示信息可以避免后期引起的不必要的困惑和麻烦。这种应用简洁性最为重要。例如：

/* all images*/
img{ border: 0; }

更新时间和签名

许多设计人员和开发人员会在最新更新的CSS文件标注日期时间，以及他们的名字。这些都会提供给我们一些联系信息以及文档更新信息。

/* Styles Updated: Thu 4.8.08 @ 5:15 p.m. Author: syku.net ——-*/

对于一项工程，这种方法会很有用，如果你是小组一分子时，这更是显得尤其重要。要提醒的是，一些组织都要求在文档中留下这类信息，而有些公司喜欢把名字和日期这些信息放在文档之外的地方，所以在开始之前最好弄清楚这些事情。

组织

在CSS文档中使用注释指示不同的区块是个不错的主意。例如，如果所有的头部信息被组合在一起，你可以使用注释使它和下面的区块样式区分开来。

/* HEADER start*/

接下来我会就此进行进一步的阐述，现在我们先讨论一下如何“分离样式类型”

注释标记

如果你的CSS文件都是按照我上面所说的按照区块进行划分的话，使用注释标记可以配合“查找”功能使你在文档的各个部分之间切换自如。标注一个章节(Chapter)，例如使用等号“=”，然后在后面添加一个区块的名称，例如“HEADER”，这样就为你的CSS文档创建了一个“锚点”。

/* HEADER end*/

这种方法在内容繁杂的样式表中尤其有用。

 

css组织的这种注释方式，同样适用于在html中。

<!--menu start -->
<div id="menu">
  <ul>
    <li><a href="/">首 页</a> </li>
    <li><a href="/layout/">CSS版式布局</a></li>
    <li><a href="/css-1.shtml">DIV+CSS教程</a></li>
    <li><a href="/css-2.shtml">DIV+CSS实例</a></li>
    <li><a href="/css-3.shtml">WEB标准</a></li>
    <li><a href="/css-4.shtml">常用代码</a></li>
    <li><a href="/css-5.shtml">站长杂谈</a></li>
    <li><a href="/css-6.shtml">工作技巧</a></li>
    <li><a href="/css-7.shtml">资源下载</a></li>
    <li><a href="/css-8.shtml">水晶图标</a></li>
    <li><a href="/css-9.shtml">幻灯图片</a></li>
    <li><a href="/css-10.shtml">站长博客</a></li>
  </ul>
</div>
<!--menu end -->

这样的注释，很容易明白整个块的结构，大大增加代码的可读性，提高团队工作效率。

〖DIV+CSS实例〗Tags: 注释 css注释 团队协作 效率