CSS注释怎么用？该怎么写有什么规范吗？

一、CSS注释的用法

就像 HTML教程 中描述的一样,在CSS 文档中注释也起到很重要的作用,可以帮助我们记起CSS的含义,加载在HTML 文档的位置等.

CSS注释的开始使用 /* ,结束使用 */

CSS注释语法

/* 注释内容 */

示例:

/* ----------文字样式开始---------- */
/* W3Cschool白色12象素文字 */
.dreamduwhite12px
{
    color:white;
    font-size:12px;
}


/* W3Cschool黑色16象素文字 */
.dreamdublack16px
{
    color:black;
    font-size:16px;
}
/* ----------文字样式结束---------- */

IE6对中文注释有些不良好

具体原因不详

比如

/*注释内容*/ 
#a{}

或许不会显示，通常非要中文注释的情况下，偶尔在注释下面回车一下，例如

/*注释内容*/ 


#a{}

“ /* ”也要在中文拼音下写，即 /* 与注释文字的“ 输入法 ”一致

延伸阅读

• HTML注释
• JavaScript注释

二、CSS样式表 注释书写规范

区域注释

在实际工作中，有时会出现分不清注释应该在标签之上还是标签之下，为了避免这种情况，注释信息统一写在区域标签开始之前和结束之后，并以“S”或“E”开始，表示区域注释的开始或结束。例：

<!--=S 注释内容 -->
<div>
...
</div>
<!--=E 注释内容 -->


/*=S 注释内容 */
.class{
...
}
.class{
...
}
/*=E 注释内容 */

单行注释

注释信息应写在需注释的内容区域里例：

<div>
<!-- 注释内容 -->
...
</div>


.class{
/* 注释内容 */
...
}

注释层级

在模块制作中，可能会出现区域中还有区域的情况，为了更好的区分区域之间的层级，引入了注释层级的概念。区域注释前面的等号表示了当前注释的层级例：

<!--=S 注释内容 -->
...
  <!--==S 注释内容 -->
  ...
    <!--===S 注释内容 -->
    ...
    <!--===E 注释内容 -->
  ...
  <!--==E 注释内容 -->
...
<!--=E 注释内容 -->


/*=S 注释内容 */
...
/*==S 注释内容 */
...
/*===S 注释内容 */
...
/*===E 注释内容 */
...
/*==E 注释内容 */
...
/*=E 注释内容 */

协助注释

非作者维护时所加入的表示修改时间、修改人等标识信息。在区域注释或单行注释的基础上加上修改人和修改时间等信息。例(区域注释)：

<!--==S 注释内容[修改人和修改时间] -->
<div>
...
</div>
<!--==E 注释内容[修改人和修改时间] -->


/*=S 注释内容[修改人和修改时间] */
.class{
...
}
.class{
...
}
/*=E 注释内容[修改人和修改时间] */

例(单行注释)：

<div>
<!-- 注释内容[修改人和修改时间] -->
...
</div>


.class{
/* 注释内容[修改人和修改时间] */
...
}

须要注意注释标记的开始和结束（特别是样式中的单行注释）时，注释内容跟标记间应该加上空格，避免IE下出现读取不到内容的情况。

很详细

刚学习程序,过来学习学习!!!!...

留名留名!!!,同样的问题,看看咋结局!!!

刚学习程序,过来学习学习!!!!...