CSS注釋怎么用？該怎么寫有什么規(guī)范嗎？

一、CSS注釋的用法

就像 HTML教程 中描述的一樣,在CSS 文檔中注釋也起到很重要的作用,可以幫助我們記起CSS的含義,加載在HTML 文檔的位置等.

CSS注釋的開始使用 /* ,結(jié)束使用 */

CSS注釋語法

/* 注釋內(nèi)容 */

示例:

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


/* W3Cschool黑色16象素文字 */
.dreamdublack16px
{
    color:black;
    font-size:16px;
}
/* ----------文字樣式結(jié)束---------- */

IE6對中文注釋有些不良好

具體原因不詳

比如

/*注釋內(nèi)容*/ 
#a{}

或許不會顯示，通常非要中文注釋的情況下，偶爾在注釋下面回車一下，例如

/*注釋內(nèi)容*/ 


#a{}

“ /* ”也要在中文拼音下寫，即 /* 與注釋文字的“ 輸入法 ”一致

延伸閱讀

• HTML注釋
• JavaScript注釋

二、CSS樣式表 注釋書寫規(guī)范

區(qū)域注釋

在實際工作中，有時會出現(xiàn)分不清注釋應(yīng)該在標簽之上還是標簽之下，為了避免這種情況，注釋信息統(tǒng)一寫在區(qū)域標簽開始之前和結(jié)束之后，并以“S”或“E”開始，表示區(qū)域注釋的開始或結(jié)束。例：

<!--=S 注釋內(nèi)容 -->
<div>
...
</div>
<!--=E 注釋內(nèi)容 -->


/*=S 注釋內(nèi)容 */
.class{
...
}
.class{
...
}
/*=E 注釋內(nèi)容 */

單行注釋

注釋信息應(yīng)寫在需注釋的內(nèi)容區(qū)域里例：

<div>
<!-- 注釋內(nèi)容 -->
...
</div>


.class{
/* 注釋內(nèi)容 */
...
}

注釋層級

在模塊制作中，可能會出現(xiàn)區(qū)域中還有區(qū)域的情況，為了更好的區(qū)分區(qū)域之間的層級，引入了注釋層級的概念。區(qū)域注釋前面的等號表示了當前注釋的層級例：

<!--=S 注釋內(nèi)容 -->
...
  <!--==S 注釋內(nèi)容 -->
  ...
    <!--===S 注釋內(nèi)容 -->
    ...
    <!--===E 注釋內(nèi)容 -->
  ...
  <!--==E 注釋內(nèi)容 -->
...
<!--=E 注釋內(nèi)容 -->


/*=S 注釋內(nèi)容 */
...
/*==S 注釋內(nèi)容 */
...
/*===S 注釋內(nèi)容 */
...
/*===E 注釋內(nèi)容 */
...
/*==E 注釋內(nèi)容 */
...
/*=E 注釋內(nèi)容 */

協(xié)助注釋

非作者維護時所加入的表示修改時間、修改人等標識信息。在區(qū)域注釋或單行注釋的基礎(chǔ)上加上修改人和修改時間等信息。例(區(qū)域注釋)：

<!--==S 注釋內(nèi)容[修改人和修改時間] -->
<div>
...
</div>
<!--==E 注釋內(nèi)容[修改人和修改時間] -->


/*=S 注釋內(nèi)容[修改人和修改時間] */
.class{
...
}
.class{
...
}
/*=E 注釋內(nèi)容[修改人和修改時間] */

例(單行注釋)：

<div>
<!-- 注釋內(nèi)容[修改人和修改時間] -->
...
</div>


.class{
/* 注釋內(nèi)容[修改人和修改時間] */
...
}

須要注意注釋標記的開始和結(jié)束（特別是樣式中的單行注釋）時，注釋內(nèi)容跟標記間應(yīng)該加上空格，避免IE下出現(xiàn)讀取不到內(nèi)容的情況。

很詳細

剛學(xué)習程序,過來學(xué)習學(xué)習!!!!...

留名留名!!!,同樣的問題,看看咋結(jié)局!!!

剛學(xué)習程序,過來學(xué)習學(xué)習!!!!...