css規則有哪三種類型

css規則的三種類型：1.行內樣式表，使用style屬性直接把CSS程式碼加入HTML的標記中，語法「 標記>」。 2.內部樣式表，把css樣式寫在「

」標籤中，並用「

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

CSS是用來表示html樣式的程式語言，是可以做到網頁和內容進行分離的一種樣式語言。

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

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

CSS樣式主要包含以下三種：行內樣式（內嵌樣式）、內部樣式（內聯樣式）、外部樣式（外部樣式）

1、行內樣式（內嵌樣式）：

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

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

範例：

<h1 style="color:red;">style属性的应用</h1>

透過這個方法，可以很簡單地對某個元素單獨定義樣式。

優點:

• 沒有了樣式表文件，在某些時候可以提升效率;

• #使用style 屬性的樣式效果會最強，會覆寫其他引入方式的相同樣式效果。

缺點:

• 多個元素難以共享樣式，不利於程式碼重複使用;

• #HTML 和CSS 程式碼混雜，不利於程式設計師和搜尋引擎閱讀。

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

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

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

範例：

#優點：跟行間樣式表相同不會產生額外的請求，且它初步實現了結構與樣式的分離，比較適合單頁網站應用。

缺點：由於內部樣式表是寫在HTML 檔案中的，導致頁面不純淨、檔案體積大、不利於網路爬蟲獲取資訊、不利於維護、頁面之間無法共享樣式

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

程式碼寫在css檔案內。然後在頁面中透過連結標記連結到頁面中，而且該連結語句必須放在頁面的標記區。

如果 CSS 樣式被放置在網頁文件外部的文件中，則稱為外部樣式表，一個 CSS 樣式表文件就表示一個外部樣式表。

實際上，外部樣式表也就是一個文字文件，擴展名為.css。當把CSS樣式程式碼複製到一個文字檔後，另存為.css文件，則它就是一個外部樣式表。

如下圖所示就是一個外部樣式表：

#引入外部樣式表的方式：

HTML檔案引用副檔名為.css的樣式表，有兩種方式：連結式、匯入式。

1）、CSS連結樣式

連結樣式是指在外部定義CSS樣式表並形成以.CSS為副檔名文件，然後在頁面中透過連結標記連結到頁面中，而且該連結語句必須放在頁面的標記區。

語法：

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

2）、CSS導入式

導入式是透過@import在