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