html:(23):css代码语法和css注释语法
生活随笔
收集整理的這篇文章主要介紹了
html:(23):css代码语法和css注释语法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
CSS代碼語法
css 樣式由選擇符和聲明組成,而聲明又由屬性和值組成,如下圖所示:
選擇符:又稱選擇器,指明網頁中要應用樣式規則的元素,如本例中是網頁中所有的段(p)的文字將變成藍色,而其他的元素(如ol)不會受到影響。
聲明:在英文大括號“{}”中的的就是聲明,屬性和值之間用英文冒號“:”分隔。當有多條聲明時,中間可以英文分號“;”分隔,如下所示:
p{font-size:12px;color:red;}注意:
1、最后一條聲明可以沒有分號,但是為了以后修改方便,一般也加上分號。
2、為了使用樣式更加容易閱讀,可以將每條代碼寫在一個新行內,如下所示:
p{font-size:12px;color:red; } <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>CSS代碼語法</title> <style type="text/css"> p{font-size:12px;color:red;font-weight:bold; } </style> </head> <body> <p>超酷的互聯網、IT技術免費學習平臺,創新的網絡一站式學習、實踐體驗;服務及時貼心,內容專業、有趣易學。專注服務互聯網工程師快速成為技術高手!</p> </body> </html>運行結果
CSS注釋代碼
就像在Html的注釋一樣,在CSS中也有注釋語句:用/*注釋語句*/來標明(Html中使用<!--注釋語句-->)。就像下面代碼:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>CSS注釋代碼</title> <style type="text/css"> p{font-size:12px;/*設置文字字號為12px*/color:red;/*設置文字字號為紅色*/ } </style> </head> <body> <p>超酷的互聯網、IT技術免費學習平臺,創新的網絡一站式學習、實踐體驗;服務及時貼心,內容專業、有趣易學。專注服務互聯網工程師快速成為技術高手!</p> </body> </html>運行結果
總結
以上是生活随笔為你收集整理的html:(23):css代码语法和css注释语法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 帧同步_微信小游戏接入“熊孩子噩梦”健康
- 下一篇: Flutter 本地小说阅读器