首先輸入要編輯的文本，然后在右側css設計器，源那里新建文件夾，然后把光標移到內容那里，然后右側新建選擇器，例如body p或body h1，你鼠標放在哪里就會生成對應的css，此對應下方css屬性的目標規則，然后在下方css屬性面板或右側屬性面板 設置css屬性插入div class就是類 id就是div的名稱 然后點擊新建css規則插入圖片 右鍵圖片 新建css規則插入文字 右側源新建文件夾 光標定義到不同的段落 右側新建不同的css規則 此規則在下方屬性面板css 目標規則配合使用

1、代表內聯樣式，如: style=””，權值為1000。

2、代表ID選擇器，如：#content，權值為100。

3、代表類，偽類和屬性選擇器，如.content，權值為10。

4、代表類型(元素)選擇器和偽元素選擇器，如div p，權值為1。 按照CSS代碼的執行先后順序。如果有重復的規則，按照后執行的定義。最終規則是多個定義規則的綜合。重點：高級規則定義對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)一頁中的多種超級鏈接樣式定義。多個相同規則不同對象的CSS共同定義。對于同一對象定義的多種CSS方式考慮哪種更科學。

1、css3新增的超級選擇器：屬性選擇器、結構性偽類選擇器、UI元素狀態偽類選擇器、通用兄弟元素選擇器

2、使用選擇器在頁面中插入文字、圖片、項目編號等內容

3、文字陰影與自動換行

4、各類盒模型：總體分為block類型和in line類型，在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型

5、盒模型相關的屬性：overflow屬性（內容溢出）、box-shadow屬性（盒陰影）、box-sizing屬性（寬高計算）

6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性

7、新增的邊框樣式：border-radius屬性（圓角邊框）、border-image屬性（圖片邊框）

8、新增的 transform變形功能：rotate（旋轉）、scale（縮放）、skew（傾斜）、translate（移動）

9、新增的動畫功能：transition（平滑過渡）、animation（關鍵幀）

10、布局相關樣式：多欄布局、盒布局、彈性盒布局

11、兼容性問題

jQuery

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。

jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

CSS （層疊樣式表）

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。