這章節將開始爲您介紹CSS的應用。當然一開始要介紹的是如何去建立個樣式表 (Style Sheets),包括了聲明的方式和應用在網頁上的方法,最後還會爲您概述一下CSS的一些特性。概略來說,CSS的聲明有三種方式:
一、基本聲明:最典型的CSS聲明方式。 element {property: value} 用中文來表示的話,也就是 元件(標籤) {性質(屬性)名稱: 設定值} 例如: H3 {COLOR: BLUE} 即爲一組聲明。 二、集體聲明:同時聲明某個或數個元件(標籤)(各元件(標 籤)間以逗號分隔)的一組或數組樣式規則(性質)(各組規則間以分號分隔)。 元件(標籤) { 性質(屬性)名稱1: 設定值1; 性質(屬性)名稱2: 設定值2; ... } 或是 元件A(標籤A), 元件B(標籤B), 元件C(標籤C), ... { 性質(屬性)名 稱1: 設定值1; 性質(屬性)名稱2: 設定值2; ...} 例如: TD { COLOR: BLUE; font-size: 9pt; } 或是 TD,P,DIV { COLOR: BLUE; font-size: 9pt; } 三、分項聲明:將許多樣式規則分組再分別聲明。 元件A(標籤A) {性質(屬性)名稱1: 設定值1; 性質(屬性)名稱2: 設定值2; } 元件A(標籤A) {性質(屬性)名稱3: 設定值3; 性質(屬性)名稱4: 設定值4; } 例如: TD { COLOR: BLUE; font-size: 9pt} TD { font-family: "標楷體"; line-height: 150%} 這樣子的聲明方式並不會互相抵觸,因爲所聲明的性質是不同的。如果不小心對同樣一個性質作了重複的聲明,則只有後來聲明的設定值纔會發生作用。 要附帶提一下的是,在您的聲明中,只要您的格式正確就會被接受,而不論是大小寫、空白或換行都不會對顯示的結果 有影響的,您可依自己習慣來編寫。
|