CSS及其特點和HTML中引入css的四種方法
CSS
層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（的一個應用）或XML（標準通用標記語言的一個子集）等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。 [1]
CSS 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力。
CSS具有以下特點：
豐富的樣式定義
CSS提供了豐富的文件樣式外觀，以及設定文字和背景屬性的能力；允許為任何元素建立邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。
易於使用和修改
CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文件的header部分，也可以將樣式宣告在一個專門的CSS檔案中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式宣告統一存放，進行統一管理。
另外，可以將相同樣式的元素進行歸類，使用同一個樣式進行定義，也可以將某個樣式應用到所有同名的HTML標籤中，也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應的樣式宣告進行修改。
多頁面應用
CSS樣式表可以單獨存放在一個CSS檔案中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面檔案，在任何頁面檔案中都可以將其引用。這樣就可以實現多個頁面風格的統一。
層疊
簡單的說，層疊就是對一個元素多次設定同一個樣式，這將使用最後一次設定的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫，在瀏覽器中看到的將是最後面設定的樣式效果。
頁面壓縮
在使用HTML定義頁面效果的網站中，往往需要大量或重複的表格和font元素形成各種規格的文字樣式，這樣做的後果就是會產生大量的HTML標籤，從而使頁面檔案的大小增加。而將樣式的宣告單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在載入頁面時使用的時間也會大大的減少。另外，
HTML中使用CSS樣式，一共有4種方法。
- 行內嵌入式，直接在html的標籤中使用style設定樣式。通過這種方式寫的樣式會覆蓋掉其他引入方式的樣式。優先選擇行內樣式。缺點是不利於後期維護，如果一個頁面寫太多行內樣式，也會讓頁面看著比較亂。
<head> <body> <div style="font-size:14px;color:#000"> 直接在html標籤中使用style設定樣式</div> </body> </html> - 行外嵌入式，將CSS樣式集中寫在網頁的<head></head>標籤對的<style></style>標籤對中。
<html> <head> <style type="text/css"> div{ font-size:14px; color:#000; } </style> </head> <body> <div>在head中製作css樣式，然後在body中使用</div> </body> </html> - import匯入式，將一個獨立的.css檔案引入HTML檔案中，匯入式使用CSS規則引入外部CSS檔案，<style>標記也是寫在<head>標記中。匯入式會在整個網頁裝載完後再裝載CSS檔案，因此這就導致了一個問題，如果網頁比較大則會兒出現先顯示無樣式的頁面，閃爍一下之後，再出現網頁的樣式。這是匯入式固有的一個缺陷。
</html> <head> <style type="text/css"> @import url(wcss.css) </style> </head> <body> <div>我是div css測試內容</div> </body> </html> -
link連結式，也是將一個.css檔案引入到HTML檔案中，但它與匯入式不同的是連結式使用HTML規則引入外部CSS檔案，它在網頁的<head></head>標籤對中使用<link>標記來引入外部樣式表文件。
使用連結式時與匯入式不同的是它會以網頁檔案主體裝載前裝載CSS檔案，因此顯示出來的網頁從一開始就是帶樣式的效果的，它不會象匯入式那樣先顯示無樣式的網頁，然後再顯示有樣式的網頁，這是連結式的優點。
<html > <head> <link rel="stylesheet" href="wcss.css" type="text/css" /> </head> <body> <div>我是div css測試內容</div> </body> </html>優先順序：行內嵌入式>行外嵌入式> link連結式(第三種作了解)