# **CSS引入樣式的三種方法** ### 　　**CSS中可以通過三種方法引入樣式表：** #### **（1）內聯樣式** #### #### **（2）嵌入式樣式** #### #### **（3）外部樣式** #### #### **這些CSS樣式中的每一種形式都有它們的優點和缺點接下來將詳細的為大家介紹** ### **1.內聯樣式特點：** #### （1）內聯樣式放在代碼中的HTML元素中。 #### （2）使用內聯樣式時，樣式只會影響你選擇的元素。 #### #### （3）內聯樣式沒有選擇器 #### 　　**示例：** ``` 　　<divstyle="width:100px;height:100px;border:1px solid #ccc"><div> ``` ### **此CSS內聯樣式只能改變這個div的寬和高，它不會更改頁面上的任何div或者屬性的樣式。這是內聯樣式的限制之一。由于它們只對特定元素進行更改，因此這不是最佳做法，內聯樣式也具有非常高的特異性。這使得很難用其他非內聯樣式覆蓋它們，事實上，我們很少在網頁上使用內聯樣式。** ### **2.嵌入樣式特點：** #### （1）被放置在樣式標簽style編寫的網頁的頭部部分中。 #### （2）編寫的樣式將僅用于您使用它的網頁。 #### （3）嵌入樣式也稱為“內部樣式”。 #### **示例** ``` 　　<style> 　　div{ 　　width:100px; 　　height:100px; 　　border:1px solid #ccc; 　　} 　　</style> ``` ### **嵌入式樣式是嵌入在文檔頭部的樣式。嵌入式樣式僅影響它們嵌入的頁面上的標記。再次，這種方法否定了CSS的優勢之一。由于每個頁面都有樣式，如果你想進行全站點更改，比如將鏈接顏色從紅色更改為綠色，則需要在每個頁面上進行此更改，因為每個頁面都使用嵌入式樣式表。這比內聯樣式更好，但在許多情況下仍然存在問題。** ### ** 3.外部樣式表特點：** #### （1）在單獨的文檔中編寫然后附加到各種Web文檔中 #### #### （2）修改它可以影響所有你所調用的頁面 #### #### （3）便于修改操作 #### **示例** ``` 　　<link href=“demo.css” rel=“stylesheet” type=“text/css“/> ``` ## **總結** ### **如今大多數網站使用外部樣式表，外部樣式是在單獨的文檔中編寫然后附加到各種Web文檔的樣式。外部樣式表會影響它們所連接的任何文件，這意味著如果你有一個20頁的網站，每個頁面使用相同的樣式表，當需要改變的話只需編輯該樣式表即可完成這些頁面，這使得長期站點管理變得更加容易。外部樣式表的缺點是它們需要頁面來獲取和加載這些外部文件。并非每個頁面都會使用CSS表格中的每個樣式，因此許多頁面將加載比實際需要的頁面大得多的CSS頁面。**