一、什麼是CSS
CSS指層疊樣式表 (Cascading Style Sheets)，用於給HTML頁面標籤添加各種樣式。
1.樣式
樣式定義如何顯示 HTML 元素。
HTML 標籤原本被設計爲用於定義文檔內容。通過使用 <h1>、<p>、<table> 這樣的標籤，HTML 的初衷是表達“這是標題”、“這是段落”、“這是表格”之類的信息。同時文檔佈局由瀏覽器來完成，而不使用任何的格式化標籤。由於兩種主要的瀏覽器（Netscape 和 Internet Explorer）不斷地將新的 HTML 標籤和屬性（比如字體標籤和顏色屬性）添加到 HTML 規範中，創建文檔內容清晰地獨立於文檔表現層的站點變得越來越困難。爲了解決這個問題，萬維網聯盟（W3C），這個非營利的標準化聯盟，肩負起了 HTML 標準化的使命，並在 HTML 4.0 之外創造出樣式（Style）。
2.樣式表
樣式通常存儲在樣式表中。
樣式表定義如何顯示 HTML 元素，就像 HTML 3.2 的字體標籤和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變站點中所有頁面的佈局和外觀。由於允許同時控制多重頁面的樣式和佈局，CSS 可以稱得上 WEB 設計領域的一個突破。作爲網站開發者，你能夠爲每個 HTML 元素定義樣式，並將之應用於你希望的任意多的頁面中。如需進行全局的更新，只需簡單地改變樣式，然後網站中的所有元素均會自動地更新。
所有的主流瀏覽器均支持層疊樣式表。
3.層疊
多重樣式將層疊爲一個。
樣式表允許以多種方式規定樣式信息。樣式可以規定在單個的 HTML 元素中，在 HTML 頁的頭元素中，或在一個外部的 CSS 文件中。甚至可以在同一個 HTML 文檔內部引用多個外部樣式表。
二、CSS和HTML的結合方式
1.行級樣式表：採用style屬性來完成。
2.內部樣式表：採用<style>標籤來完成。
3.外部樣式表：採用外部的css文件完成，用<link></link>標籤來引入。
三、CSS的導入方式
1.style屬性方式（行內方式）：利用標籤中style屬性來改變每個標籤的顯示樣式。如：
<p style="background-color:#ff0000;color=#ffffff">內容</p>2.style標籤方式（內嵌方式）：在head標籤中加入style標籤，對多個標籤進行統一修改。如：
<head>
<style type="text/css">p{color:#ff0000;}</style>
</head>3.鏈接方式：head標籤中的link標籤來實現，前提是先要有一個已定好的css文件，可以引進多個css文件，重複樣式以最後進來的css樣式爲準。如：
<head>
<link rel="stylesheet" type="text/css" href="css_3.css"/>
</head>4.導入方式：有一個css文件，網頁一部分用的到
url括號後面必須加分號結束，如果導入的與本頁面定義的重複，以本頁面爲準。如：
<style type="text/css">
@import url(css_3.css);
div{color:#ff0000;}
</style>四、CSS樣式優先級（層疊次序）。
由上到下，由外到內，優先級由低到高。
1.行級（內聯樣式）>內部（內部樣式表）>外部（外部樣式表）
2.id>類選擇器>標籤選擇器（無論寫在內外）
3.就近原則（定義的位置）
4.引入多個選擇器 class=”1 2 3”（空格隔開）
五、CSS中的單位
1.絕對單位：1in,2.54cm,25.4mm,72pt（點或磅）,6pc（派卡）。
2.相對單位：px（像素）,%（相對於周圍字體）em（十二個點）。