溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“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>
<h3 class="STYLE3">標題設置效果</h3>
</body>
</html>頁面演示效果如下圖所示。
“css的注釋方法有幾種”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
