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對(duì)中文注釋有些不良好

具體原因不詳

比如

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

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

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


#a{}

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

延伸閱讀

• HTML注釋
• JavaScript注釋

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

區(qū)域注釋

在實(shí)際工作中，有時(shí)會(huì)出現(xiàn)分不清注釋應(yīng)該在標(biāo)簽之上還是標(biāo)簽之下，為了避免這種情況，注釋信息統(tǒng)一寫在區(qū)域標(biāo)簽開始之前和結(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)容 */
...
}

注釋層級(jí)

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

<!--=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é)助注釋

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

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


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

例(單行注釋)：

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


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

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

很詳細(xì)

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

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

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