在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> <h2 class="STYLE3">標(biāo)題設(shè)置效果</h2> </body> </html>
效果圖:
說明:如果我們在編寫CSS中遇到需要特別說明地方,我們可以使用CSS注解進(jìn)行注解說明。注釋有利于他人讀取理解開發(fā)的CSS代碼,合理利用注解盡量少地使用注釋有利于兼容與減少文件大小。
(學(xué)習(xí)視頻分享:css視頻教程)