關於CSS3的代碼總結（部分），css3代碼總結部分

關於CSS3的代碼總結（部分），css3代碼總結部分

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（第一行）{屬性的名稱；應用的格式；}