CSS疊層樣式的類型有哪些

這篇文章給大家分享的是有關CSS疊層樣式的類型有哪些的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

CSS疊層樣式的三種類型：1、行內樣式，將樣式代碼寫在HTML標簽的style屬性中；2、內嵌樣式，將樣式代碼寫在頁面“<style>”和“</style>”標簽對之間；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）、使用 <link> 標簽導入

使用 <link> 標簽導入外部樣式表文件：

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

對各個屬性的說明：

• href 屬性設置外部樣式表文件的地址，可以是相對地址，也可以是絕對地址。

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

• type 屬性定義導入文件的類型，同 style 元素一樣，text/css表明為 CSS 文本文件。

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

在 <style> 標簽內使用@import關鍵字導入外部樣式表文件：

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

在 @import 關鍵字后面，利用 url() 函數包含具體的外部樣式表文件的地址。

感謝各位的閱讀！關于“CSS疊層樣式的類型有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！