css只有一種註釋,不管是多行註釋還是單行註釋,都必須以「/*」開始、以「*/」結束,中間加入註釋內容,語法「/*註釋內容*/ 」;所有被放在「/*」和「*/」分隔符號之間的任何字元都視被為註解文字而忽略掉。
本教學操作環境:windows7系統、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>
頁面示範效果如下圖所示。
相關推薦:《css影片教學》
以上是css註解有幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章!