css只有一種注釋,不管是多行注釋還是單行注釋,都必須以“/*”開始、以“*/”結束,中間加入注釋內容,語法“/*注釋內容*/”;所有被放在“/*”和“*/”分隔符之間的任何字符都視被為注釋文本而忽略掉。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在 CSS 中增加注釋很簡單,所有被放在/*
和*/
分隔符之間的文本信息都被稱為注釋。
CSS 只有一種注釋,不管是多行注釋還是單行注釋,都必須以/*
開始、以*/
結束,中間加入注釋內容。
包含在/*
和*/
符號之間的任何字符都視被為注釋文本而忽略掉。
【示例1】注釋放在樣式表之外。
/*定義網頁的頭部樣式*/ .head{ width: 960px; } /*定義網頁的底部樣式*/ .footer {width:960px;}
【示例2】注釋放在樣式表內部。
p{ color: #ff7000; /*字體顏色設置*/ height:30px; /*段落高度設置*/ }
下面的例子進行 CSS 代碼應用并查看瀏覽器下的效果。
【示例3】為段落和標題分別添加 CSS 代碼注釋。
<html> <head> <style type="text/css"> /*樣式1*/ .STYLE1 { color: #009900; /*字體顏色是綠色的*/ } /*樣式2*/ .STYLE2 { font-size: 18px; /*字體大小為18號字體*/ color: #FF3300; /*字體顏色是紅色的*/ font-weight: bold; /*字體進行了加粗*/ } /*樣式3*/ .STYLE3 { color: #0000FF; /*字體顏色為藍色*/ font-family: "黑體"; /*字體為黑體*/ font-style: italic; /*字體效果為傾斜*/ } </style> </head> <body> <p class="STYLE1">段落設置一</p> <p class="STYLE2">段落設置二</p> <h2 class="STYLE3">標題設置效果</h2> </body> </html>
頁面演示效果如下圖所示。