CSS的三種樣式形式？

CSS的三種樣式形式？

1、內聯式，是把css程式碼直接寫在現有的HTML標籤中；

<p style="color:red">这里文字是红色。</p>

2、嵌入式，是把css樣式程式碼寫在「style 」標籤之間；

<style type="text/css">span{color:red;}</style>

3、外聯式，是把css程式碼寫一個單獨的外部檔案中，透過「link」標籤引入。

<link href="style.css" rel="stylesheet" type="text/css" />

CSS的特點

#豐富的樣式定義

CSS提供了豐富的文件樣式外觀，以及設定文字和背景屬性的能力；允許為任何元素建立邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。

易於使用和修改

CSS可以將樣式定義在HTML元素的style屬性中，也可以定義在HTML文件的header部分，也可以將樣式宣告在一個專門的CSS檔中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式聲明統一存放，進行統一管理。

另外，可以將相同樣式的元素進行歸類，使用同一個樣式定義，也可以將某個樣式套用到所有同名的HTML標籤中，也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式清單中找到相應的樣式聲明進行修改。

多頁面應用程式

CSS樣式表可以單獨存放在一個CSS檔案中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。 CSS樣式表理論上不屬於任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實現多個頁面風格的統一。

層疊

簡單的說，層疊是對一個元素多次設定同一個樣式，這將使用最後一次設定的屬性值。例如對一個網站中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫，在瀏覽器中看到的將是最後面設定的樣式效果。

頁面壓縮

在使用HTML定義頁面效果的網站中，往往需要大量或重複的表格和font元素形成各種規格的文字樣式，這樣做的後果就是會產生大量的HTML標籤，從而使頁面檔案的大小增加。而將樣式的聲明單獨放到CSS樣式表中，可以大大的減少頁面的體積，這樣在載入頁面時使用的時間也會大大的減少。另外，CSS樣式表的複用更大程度的縮減了頁面的體積，減少下載的時間。

推薦教學：《PHP》

以上是CSS的三種樣式形式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！