6-3CSS代碼語法 · 初識HTML+CSS

css 樣式由**選擇符**和**聲明**組成，而**聲明**又由**屬性**和**值**組成，如下圖所示： [![](http://img.mukewang.com/52fde5c30001b0fe03030117.jpg)](http://img.mukewang.com/52fde5c30001b0fe03030117.jpg) **選擇符：**又稱選擇器，指明網頁中要應用樣式規則的元素，如本例中是網頁中所有的段（p）的文字將變成藍色，而其他的元素（如ol）不會受到影響。 **聲明：**在英文大括號“｛｝”中的的就是聲明，屬性和值之間用英文冒號“：”分隔。當有多條聲明時，中間可以英文分號“;”分隔，如下所示： ~~~ p{font-size:12px;color:red;} ~~~ 注意： 1、最后一條聲明可以沒有分號，但是為了以后修改方便，一般也加上分號。 2、為了使用樣式更加容易閱讀，可以將每條代碼寫在一個新行內，如下所示： ~~~ p{ font-size:12px; color:red; } ~~~ ### 任務我來試一試：補充css代碼，使代碼有效觀察在右邊代碼編輯器中`8-10`行，css代碼是不完整的，所以三條css代碼都沒有起到作用，請把代碼補充完整。 ``` <!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> ```