您好,登錄后才能下訂單哦!
這篇文章主要介紹css樣式中注釋的寫法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
css是一種用來表現HTML或XML等文件樣式的計算機語言,主要是用來設計網頁的樣式,使網頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言,并且css樣式可以直接存儲于HTML網頁或者單獨的樣式單文件中,而樣式規則的優先級由css根據這個層次結構決定,從而實現級聯效果,發展至今,css不僅能裝飾網頁,也可以配合各種腳本對于網頁進行格式化。
在css中,無論多行注釋還是單行注釋,都必須以“/*”開始、以“*/”結束,中間加入注釋內容;語法格式“/* 需要注釋的內容 */”。“*”符號不要和注釋內容緊挨在一起,至少需要一個空格位置空著。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
CSS 注釋用于為代碼添加額外的解釋,或者用于阻止瀏覽器解析特定區域內的CSS代碼。注釋對文檔布局沒有影響。
CSS 只有一種注釋,不管是多行注釋還是單行注釋,都必須以/*
開始、以*/
結束,中間加入注釋內容。
語法
注釋可以寫在樣式表中任意允許空格的位置。注釋可以寫成一行,也可以寫成多行。
/* 需要注釋的內容 */
說明:所有被放在/*
和*/
分隔符之間的文本信息都被稱為注釋
注:“*
”符號不要和注釋內容緊挨在一起,至少需要一個空格位置空著。
css中加入注釋的方法
1、注釋放在樣式表之外。
/*定義網頁的頭部樣式*/ .head{ width: 960px; } /*定義網頁的底部樣式*/ .footer {width:960px;}
2、注釋放在樣式表內部。
p{ color: #ff7000; /*字體顏色設置*/ height:30px; /*段落高度設置*/ }
實例:對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中遇到需要特別說明地方,我們可以使用CSS注解進行注解說明。注釋有利于他人讀取理解開發的CSS代碼,合理利用注解盡量少地使用注釋有利于兼容與減少文件大小。
以上是“css樣式中注釋的寫法”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。