CSS將疊層樣式分為哪三種

CSS疊層樣式的三種類型：1、行內樣式，將樣式程式碼寫在HTML標籤的style屬性中；2、內嵌樣式，將樣式程式碼寫在頁面“”標籤對之間；3、外部樣式，將樣式代碼寫在獨立的“.css”文件中。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

為了讓網頁元素的樣式更加豐富，也為了讓網頁的內容和樣式能拆分開，CSS由此思想而誕生，CSS是Cascading Style Sheets 的首字母縮寫，意思是層疊樣式表。有了CSS，html中大部分錶現樣式的標籤就廢棄不用了，html只負責文檔的結構和內容，表現形式完全交給CSS，html文檔變得更加簡潔。

CSS主要用來設計網頁的樣式，美化網頁；它不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支援幾乎所有的字體字號樣式，擁有對網頁物件和模型樣式編輯的能力。

css樣式主要包含三種：行內樣式（內聯樣式) 、內部樣式（內嵌樣式）、外部樣式（外部樣式）。

1、行內樣式：

結構的內部，即寫在標籤內的樣式；寫在標籤的開始部分內部，style屬性當中。

範例：

<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>

2、內部樣式（內嵌樣式）：

寫在HTML頁面內部，存放於head標記當中，樣式寫在style標記內。

範例：

<style>
选择器 {属性名：属性值；属性名：属性值；......}
</style>

3、外部樣式（外接樣式）：

.css為副檔名的外部樣式表檔中。一個 CSS 樣式表文件就表示一個外部樣式表。

<link href="css文件路径" rel="stylesheet" type="text/css" />

• href 屬性設定外部樣式表檔案的位址，可以是相對位址，也可以是絕對位址。

• rel 屬性定義關聯的文檔，這裡表示關聯的是樣式表。

• type 屬性定義匯入檔案的類型，同 style 元素一樣，text/css表示為 CSS 文字檔案。