溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css樣式中注釋的寫法

發(fā)布時(shí)間:2021-04-23 10:28:07 來源:億速云 閱讀:168 作者:小新 欄目:web開發(fā)

這篇文章主要介紹css樣式中注釋的寫法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

什么是css

css是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言,主要是用來設(shè)計(jì)網(wǎng)頁的樣式,使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨(dú)的樣式單文件中,而樣式規(guī)則的優(yōu)先級由css根據(jù)這個(gè)層次結(jié)構(gòu)決定,從而實(shí)現(xiàn)級聯(lián)效果,發(fā)展至今,css不僅能裝飾網(wǎng)頁,也可以配合各種腳本對于網(wǎng)頁進(jìn)行格式化。

在css中,無論多行注釋還是單行注釋,都必須以“/*”開始、以“*/”結(jié)束,中間加入注釋內(nèi)容;語法格式“/* 需要注釋的內(nèi)容 */”。“*”符號不要和注釋內(nèi)容緊挨在一起,至少需要一個(gè)空格位置空著。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

CSS 注釋用于為代碼添加額外的解釋,或者用于阻止瀏覽器解析特定區(qū)域內(nèi)的CSS代碼。注釋對文檔布局沒有影響。

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

語法

注釋可以寫在樣式表中任意允許空格的位置。注釋可以寫成一行,也可以寫成多行。

/* 需要注釋的內(nèi)容 */

說明:所有被放在/**/分隔符之間的文本信息都被稱為注釋

注:“*”符號不要和注釋內(nèi)容緊挨在一起,至少需要一個(gè)空格位置空著。

css中加入注釋的方法

1、注釋放在樣式表之外。

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

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

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

實(shí)例:對CSS 代碼進(jìn)行注釋并查看瀏覽器下的效果

<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>
    <h3 class="STYLE3">標(biāo)題設(shè)置效果</h3>
</body>
</html>

效果圖:

css樣式中注釋的寫法

說明:如果我們在編寫CSS中遇到需要特別說明地方,我們可以使用CSS注解進(jìn)行注解說明。注釋有利于他人讀取理解開發(fā)的CSS代碼,合理利用注解盡量少地使用注釋有利于兼容與減少文件大小。

以上是“css樣式中注釋的寫法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI