每一樣式宣告包括樣式選擇器(selector)及樣式規格(rule)二部份,格式如下:
selector {rule1; rule2; rule3; ...}
v 樣式規則(rule)
即樣式設定內容,格式如下:property:value
property為屬性名稱,而value為屬性設定值。例如:
color:GREEN
每一樣式選擇器允許設定一個以上的樣式規則,只要將樣式規則間以分號區隔即可,例如:
color:GREEN; text-align:CENTER;
v 樣式選擇器(selector)
通常文件中的不同標籤會需要不同的展現效果,換言之,必須能依標籤所扮演角色來套用不同的樣式。樣式選擇器就是用來區隔所屬的樣式規則要套用到那些標籤上。
CSS選擇器設定方式
v 類別選擇器(Class Selector)
類別選擇器的概念方便我們將文件中的標籤分門別類,然後套用不同樣式。
.classname {rule1; rule2; ... ;}
.bigSize {font-size:24pt;}
.hilited {color:#FFFFFF;}
v 代碼選擇器(ID Selector)
#idname {rule1; rule2; ... ;}
#mark {font-weight: bold;
font-style:italic;}
v 前後文選擇器(Contextual Selector)
outertag innertag {rule1; rule2; ... ;}
H1 EM {color:RED}