CSS(層疊樣式表)是用來控制HTML文檔的樣式的語言。CSS規則基本語法分為兩部分,分別是選擇器和聲明塊。
選擇器 { 聲明1; 聲明2; ... 聲明n; }
其中選擇器用來指定需要應用樣式的HTML元素,聲明塊則用來說明這些元素的具體樣式。
選擇器有多種類型,按照不同的規則來匹配HTML元素。常用選擇器有:
1. 類選擇器:.class {} 2. ID選擇器:#id {} 3. 屬性選擇器:[attribute=value] {} 4. 標簽選擇器:tagName {} 5. 通配符選擇器:* {} 6. 后代選擇器:parentTag childTag {} 7. 偽類選擇器:link, hover, active等
聲明塊則由一系列的聲明組成,每個聲明都包含兩部分,分別是屬性名和屬性值,兩者用冒號隔開:
屬性名:屬性值;
多個聲明之間用分號隔開,并寫在花括號內,如下:
div { color:red; font-size:16px; background-color:#fff; }
其中,屬性名用來表達需要改變的樣式屬性,如顏色、字體大小、邊框等等;屬性值則表示具體的屬性數值或者具體選項。例如,color:red表示元素的文字顏色為紅色,font-size:16px表示文字大小為16像素。
通過CSS規則基本語法的學習,我們可以實現對HTML文檔的美化、排版等等,使頁面更加美觀、易讀。同時,學習CSS還需要深入學習CSS選擇器的具體使用方法和各種屬性的語法規則,才能更好地應用CSS樣式。
上一篇css規則和IMSBC
下一篇css規則中的選擇器