CSS的基礎(chǔ)語法
基礎(chǔ)語法規(guī)則
CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成:選擇器,以及一條或多條聲明。
selector { declaration1; declaration2; ... declarationN; }
選擇器通常是您需要改變樣式的 HTML 元素。 每條聲明由一個(gè)屬性和一個(gè)值組成。每個(gè)屬性有一個(gè)值。屬性和值被冒號分開。
selector {property: value
例如:
h1{ color:red; font-size:14px; }
屬性大于 1 個(gè)之后,屬性之間用分號隔開。這行代碼的作用是將 h1 元素內(nèi)的文字顏色定義為紅色,同時(shí)將字體大小設(shè)置為 14 像素。
下面的示意圖為您展示了上面這段代碼的結(jié)構(gòu):
注意:如果值大于 1 個(gè)單詞,則需要加引號,如下
p{font-family:"sans serif"}
舉例:
編輯區(qū)右鍵新建 index.html 和 MyCss.css 兩個(gè)文件
兩個(gè)文件分別輸入以下代碼(brackets 支持代碼補(bǔ)全哦): index.html
<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <!--引外部資源 MyCss.css--> <link rel="stylesheet" href="MyCss.css" type="text/css"> </head> <body> <h1> PHP中文網(wǎng) </h1> </body> </html>
MyCss.css
h1{ color: red;font-size: 50px; }
h1 元素內(nèi)的文字顏色定義為紅色,同時(shí)將字體大小設(shè)置為 50 像素。
Ctrl+s 保存兩個(gè)文件,點(diǎn)擊 index.html 查看運(yùn)行效果: