一、CSS的概念
cascading style sheet,層級樣式表，表現HTML或者XHTML文件樣式的計算機語言：包括對字體、顏色、邊框、高度、寬度和背景圖片，網頁定位等等的設定；
1.1、CSS基本語法
選擇器{ 聲明1:
聲明2:
}
例如：
h1{ //選擇器(標籤選擇器，或者叫元素選擇器)
font-size:12px; //屬性：屬性值
color:#ffffff; //屬性：屬性值
}二、HTML中引入CSS樣式
2.1、行內樣式
直接寫在標籤的屬性style裏面，如下：
<h1 style="font-size:12px;color:#ffffff;">字體大小和顏色</h1>2.2、內部樣式
<style type="text/css">
h1{
font-size:12px;
color:#ffffff;
}
</style>2.3、外部樣式
使用外部樣式，是爲了降低多個頁面引用相同樣式而產生的代碼重複，提高代碼複用。將css代碼保存在擴展名爲.css的樣式表中，HTML文件引入.css樣式表，有兩種方式。1、鏈接式。2、導入式； 鏈接式：在<head></head>裏面，鏈接外部樣式表=> <link ref="stylesheet" href="style.css" type="text/css" />
導入外部樣式表：在<style type="text/css"></style>中加入=> @import url("style.css")
鏈接式和導入式的區別：
1、鏈接式中<link />標籤屬於XHTML，導入式中@import屬於CSS2.1
2、使用<link />鏈接的CSS文件先加載到網頁中，然後再進行編譯顯示；使用導入式導入CSS文件，客戶端顯示HTML結構，再把CSS文件加載到網頁中。
3、@import是屬於CSS2.1特有的，對於不兼容CSS2.1的瀏覽器是不兼容的。
2.4、CSS樣式優先級
行內樣式 >（優先於） 內部樣式 > (優先於) 外部樣式
三、CSS基本選擇器
簡介：什麼是CSS選擇器呢？所謂的CSS選擇器，是指如何選擇指定選擇器並給它加上樣式。基本選擇有以下幾種：標籤選擇器、類選擇器和ID選擇器。
3.1、標籤選擇器
3.2、類選擇器
3.3、ID選擇器
3.4、基本選擇器的優先級
ID選擇器 > 類選擇器 >標籤選擇器