CSS注釋語法

105130 閱讀 0 評論 0 點(diǎn)贊

當(dāng)一個(gè)樣式表創(chuàng)建完成后，往往再過幾個(gè)星期、幾個(gè)月，甚至幾年后，再回過頭來進(jìn)行修改時(shí)，你可能怎么也想不明白以前為什么要?jiǎng)?chuàng)建這個(gè)樣式，以及它到底有什么作用。對于任何項(xiàng)目，都是如此。

因此，在構(gòu)建網(wǎng)站時(shí)，應(yīng)該提示自己做了什么，以及這么做的原因。就可以通過CSS注釋，把這些提示信息嵌入到式表中。

一、什么是CSS注釋？

CSS注釋又被稱作CSS注解，是在CSS文件代碼間加入注釋，解釋說明意思。就像我們學(xué)習(xí)語文一樣在文章用不同符號、顏色進(jìn)行批注說明一個(gè)道理，通常情況下CSS注釋是不會(huì)被瀏覽器解釋或被瀏覽器忽略的。

二、CSS注釋作用

CSS注釋有著注解說明之用，我們常用于對CSS代碼或布局CSS樣式進(jìn)行特別說明批注，其作用主要表現(xiàn)在：

1. 在團(tuán)隊(duì)開發(fā)中，有利于他人讀取理解開發(fā)的CSS代碼；

2. 對自己編寫的代碼進(jìn)行功能、樣式等說明方便日后維護(hù)與修改；

3. 有利于對具體代碼細(xì)節(jié)進(jìn)行說明。

三、注釋的位置

在 CSS 中增加注釋很簡單，所有被放在/*和*/分隔符之間的文本信息都被稱為注釋。

也就是說CSS 只有一種注釋，不管是多行注釋還是單行注釋，都必須以/*開始、以*/結(jié)束，中間加入注釋內(nèi)容。

1. 注釋放在樣式表之外

/*定義網(wǎng)頁的頭部樣式*/
.head{ width: 960px; }
/*定義網(wǎng)頁的底部樣式*/
.footer {width:960px;}

2. 注釋放在樣式表內(nèi)部。

p{
    color: #ff7000;  /*字體顏色設(shè)置*/
    height：30px;  /*段落高度設(shè)置*/
}

3. 注釋放在樣式表內(nèi)部和樣式表之外

<html>
<head>
<style type="text/css">
/*樣式1*/
.STYLE1 {
    color: #009900;  /*字體顏色是綠色的*/
}

/*樣式2*/
.STYLE2 {
    font-size: 18px;  /*字體大小為18號字體*/
    color: #FF3300;  /*字體顏色是紅色的*/
    font-weight: bold;  /*字體進(jìn)行了加粗*/
}

/*樣式3*/
.STYLE3 {
    color: #0000FF;  /*字體顏色為藍(lán)色*/
    font-family: "黑體";  /*字體為黑體*/
    font-style: italic;  /*字體效果為傾斜*/
}
</style>
</head>
<body>
    <p class="STYLE1">段落設(shè)置一</p>
    <p class="STYLE2">段落設(shè)置二</p>
    <h2 class="STYLE3">標(biāo)題設(shè)置效果</h2>
</body>
</html>

不影響呈現(xiàn)結(jié)果，還能起到很好的提示作用：

注釋放在樣式表內(nèi)部和樣式表之外