CSS將疊層樣式分為哪三種

CSS疊層樣式的三種類型：1、行內樣式，將樣式程式碼寫在HTML標籤的style屬性中；2、內嵌樣式，將樣式程式碼寫在頁面“c9ccee2e6ea535a969eb3f532ad9fe89”和“531ac245ce3e4fe3d50054a55f265927”標籤對之間；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 樣式表文件就表示一個外部樣式表。

外部樣式表必須匯入網頁文件中，才能夠被瀏覽器辨識並解析。外部樣式表檔案可以透過兩種方法匯入 HTML 文件中。

1）、使用2cdf5bf648cf2f33323966d7f58a7f3f 標籤匯入

使用2cdf5bf648cf2f33323966d7f58a7f3f 標籤匯入外部樣式表檔案：

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

對各個屬性的說明：

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

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

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

2）、使用@import 關鍵字匯入

在c9ccee2e6ea535a969eb3f532ad9fe89 標籤內使用@import關鍵字匯入外部樣式表檔案：

<style type="text/css">
@import url("css文件路径");
</style>

在@import 關鍵字後面，利用url() 函數包含特定的外部樣式表檔案的位址。

（學習影片分享：

css影片教學）

以上是CSS將疊層樣式分為哪三種的詳細內容。更多資訊請關注PHP中文網其他相關文章！