1. CSS概述
(1)CSS概念： 層疊樣式表(Cascading Style Sheets)
css可以用來為網頁創建樣式表，通過樣式表可以對網頁進行裝飾。主要是用於定義HTML內容在瀏覽器內的顯示樣式，如文字大小、顏色、字體等
所謂層疊，可以將整個網頁想像成是一層一層的結構，層次高的將會覆蓋層次低的而css就可以分別為網頁的各個層次設置樣式
(2)好處：功能強大將內容展示和樣式控制分離 降低耦合度，能夠解耦 讓分工協作更容易 提高開發效率注意：css對大小寫不敏感,如果涉及到與html文檔一起使用時，class與id名稱對大小寫敏感
2. CSS三種書寫方式
（1）內聯樣式表：HTML標籤內的style屬性中，多個屬性間使用分號;分隔
這種方式編寫簡單，定位準確。但是由於直接將css代碼寫到了html標籤的內部，導致結構與表現耦合，同時導致樣式不能夠復用，所以這種方式我們不使用。
（2）內部樣式表：<head>標籤內定義<style>標籤，<title>標籤後面。style標籤的標籤體內容就是css代碼
這樣使css獨立於html代碼，而且可以同時為多個元素設置樣式，這是我們使用的比較多的一種方式。但是這種方式，樣式只能在一個頁面中使用，不能在多個頁面中重複使用。
（3）外部樣式表：獨立的CSS文件中定義CSS代碼，然後在<head>標籤內，定義<link>標籤，引入外部的資源文件
這種方式將樣式表放入到了頁面的外部，可以在多個頁面中引入，同時瀏覽器加載文件時可以使用緩存。
第一種方式不常用，後期常用第二、三種
第三種方式也可以改寫成：
注意：
@import這種方式只有firefox支持，而ie不支持@import這種方式導入的css，會在整個頁面加載後，才會加載樣式。如果網絡不好情況下，會先看到無樣式修飾的頁面，閃爍一下後，才會看到有樣式修飾的頁面使用外部樣式表，會先裝載樣式表，這樣看到的就是有樣式修飾的頁面@import不支持通過javascript修改樣式，而link支持
3. CSS語法前言
CSS樣式由選擇器【選擇器:篩選具有相似特徵的元素】和一條或多條屬性聲明組成，而聲明又由屬性和值組成
即CSS語法細分由三部分構成：選擇器、屬性和值：
selector {property: value}
CSS語法格式：
選擇器 {屬性名1:屬性值1; 屬性名2:屬性值2; ...}
注意：每一對屬性需要使用；隔開，最後一對屬性可以不加；
4. CSS注釋語法
/* 注釋語句 */
5. CSS中的顏色
CSS中的顏色用RGB顏色：紅色(red)、綠色(green)、藍色(blue)——光學三原色表示。 RGB中每種顏色都用兩位十六進位數表示，0表示沒有光，F表示最強的光，並按紅、綠、藍的順序排列，前面再加上#號。
例如：#000000黑色；#FFFFFF 白色；#FF0000紅色