1. 構造樣式表：selector{ Property:value; Property:value; } Selector是需要更改樣式的元素，property為css屬性的名稱，value應用的哪種格式 2. /* 註釋 */ 3. 當規則發生衝突時，伺服器優先選擇特殊性強的；靠後出現的；帶有！i
1. 構造樣式表：selector{
Property:value;
Property:value;
}
Selector是需要更改樣式的元素，property為css屬性的名稱，value應用的哪種格式
2. /* 註釋 */
3. 當規則發生衝突時，伺服器優先選擇特殊性強的；靠後出現的；帶有！important的
4. CSS屬性的值可分為：繼承值（在value處輸入inherit），預定義值（left,right,none）,長度或者百分數，純數字，顏色
5. CSS顏色分為：RGB(color:rgb(紅，綠，藍))（均用0~255數字表示）；十六進位數（color:#紅色綠色藍色）(藍色可轉化為十六進位)；RGBA(紅色，綠色，藍色，透明度)（透明度用0~1之間的小數表示，其中1表示完全不透明）；HSL(色相，飽和度，亮度)（色相用0~360之間的數，其餘兩項用百分數）；HSLA(色相，飽和度，亮度，透明度)
6. 把相應的規則打到制定文本中，以.css結尾保存來創建外部樣式表
7. 鏈接外部樣式表：在head部分輸入<link rel=”stylesheet” href=”url.css” />(rel屬性和href之間有空格，結尾有一個空格)
8. 創建嵌入樣式表：在head部分輸入<style></style>（中間添加任意數量的樣式規則）
9. 應用內聯樣式：在需要進行格式化元素開始的標簽中輸入style=””（中間可以添加任意數量的樣式規則，用分號隔開）
10. 樣式層疊和順序規則：在其他條件相同的條件下，越晚的樣式優先性越高（內聯樣式會覆蓋與之衝突的其他樣式）
11. 與媒體相關的樣式表：1）在link或者style開始標簽中輸入media=”print/screen/all”;
2)直接輸入@media print/screen/all{}（中間添加樣式，用分號隔開）
12. 構造選擇器：
1） 依據元素的類型或名稱。
格式：要選擇的元素的名稱(例：h1){屬性的名稱；應用的格式；}（例color;red）
2） 依據元素所在的上下文。
格式：上下文（例 h1）要選擇的元素的名稱（例em）{屬性的名稱；應用的格式；}
a) 在樣式表中輸入ancestor(要格式化元素的祖先) （可以繼續根據情況輸入ancestor） descendant(要格式化的元素) {屬性的名稱；應用的格式；}
b) 在樣式表中輸入parent(包含要格式化元素的選擇器)>(可以根據情況繼續輸入parent) child(要格式化的元素){屬性的名稱；應用的格式；}
c) 在樣式表中輸入sibling(同一父元素中的，直接出現在目標元素前的元素)+（可以根據情況繼續輸入sibling）element（要格式化的元素）{屬性的名稱；應用的格式；}
3） 依據元素的類或ID
4） 依據元素的偽類或偽元素。
5） 依據元素是否有某些屬性和值
13. 選擇第一個或最後一個子元素：
輸入想應用樣式的第一個或最後一個子元素（可選步驟）；選擇第一個/最後一個子元素輸入 ：first-child/last-child{屬性的名稱；應用的格式;}
14. 選擇元素的第一個字母或者第一行：
輸入element(要格式化元素的選擇器)：first-letter(第一個字母){屬性的名稱；應用的格式；}
輸入element(要格式化元素的選擇器)：first-line（第一行）{屬性的名稱；應用的格式；}
