CSS樣式表的使用

在用html5寫網頁的時候，結合css能夠讓頁面更美觀。由於只在做課程設計和實習的時候使用過，並沒有系統的學習過，使得自己對於css的使用一直處於能用，但是容易弄混的階段。為了弄清楚css樣式表的使用，特地看書系統學習，現總結如下：

css是通過選擇器對不同的html標籤進行控制，從而實現各種效果。常用的css選擇器有標籤選擇器、類別選擇器、id選擇器。

標籤選擇器的使用

標籤選擇器

類別選擇器的使用

類別選擇器的名稱由使用者自己定義，並以"."號開頭，要應用類別選擇器的html標籤，只需使用class屬性來宣告即可。例如設定h標籤的字型樣式：

正文內容正文內容

乙個html標籤不僅可以使用一種類別選擇器，還可以同時載入多個類別選擇器的樣式，在多種類別選擇器之間用空格進行分割即可。例如設定div標籤的樣式：

你好你好你好

一般情況下class定義的樣式可以重複呼叫：

你好很高興見到你

id選擇器的使用

id選擇器是通過html頁面中的id屬性來選擇增添樣式，與類別選擇器基本相同，但是由於html頁面中不能包含兩個相同點的id標記，因此定義的id選擇器也就只能被使用一次。命名id選擇器要以"#"開頭，後面加html標記中的id屬性值。例如設定p標籤的樣式：

id選擇器 id選擇器 id選擇器

在了解了用css設定樣式後，如何實現在頁面中包含css樣式呢？實現方式有行內樣式、內嵌式和鏈結式。

行內樣式

行內樣式是直接定義在html標籤之內，通過style屬性來實現，容易理解，但是靈活性不強。例如通過行內樣式定義文字的顏色和大小：

行內樣式行內樣式行內樣式

內嵌式

內嵌式樣式就是在頁面中使用標記將css樣式包含在頁面中，內嵌式樣式表的形式沒有行內標記表現的直接，但是能夠使頁面更加規整，更加便於維護。示例**：

行內樣式行內樣式行內樣式

鏈結式

h1

p

在頁面中通過標籤將css樣式表引入到頁面中，此時css樣式表定義的內容將自動載入到頁面中。**如下：

鏈結式

標籤的語法結構如下：

/*引數說明： * rel:定義外部文件和呼叫文件之間的關係 *href:css文件的絕對路徑或相對路徑 *type:指的是外部檔案的mime型別

*/