第1 部分 CSS 核心原理
第1 章 (X)HTML 與CSS 概述 ........... 2
1.1 網(wǎng)頁的基礎(chǔ)概念 ........................................ 2
1.2 Web 標準 .................................................... 3
1.2.1 標準的重要性 ..................................... 3
1.2.2 “Web 標準”概述 .............................. 4
1.3 HTML 與XHTML ..................................... 5
1.3.1 追根溯源 ............................................. 5
1.3.2 文檔類型的含義與選擇 ..................... 6
1.3.3 XHTML 與HTML 的重要區(qū)別 ........ 7
1.4 (X) HTML 與CSS ..................................... 8
1.4.1 CSS 標準 ............................................. 8
1.4.2 傳統(tǒng)HTML 的缺點 ........................... 9
1.4.3 CSS 的引入 ....................................... 10
1.4.4 如何編輯CSS ................................... 11 第1 部分 CSS 核心原理
第1 章 (X)HTML 與CSS 概述 ........... 2
1.1 網(wǎng)頁的基礎(chǔ)概念 ........................................ 2
1.2 Web 標準 .................................................... 3
1.2.1 標準的重要性 ..................................... 3
1.2.2 “Web 標準”概述 .............................. 4
1.3 HTML 與XHTML ..................................... 5
1.3.1 追根溯源 ............................................. 5
1.3.2 文檔類型的含義與選擇 ..................... 6
1.3.3 XHTML 與HTML 的重要區(qū)別 ........ 7
1.4 (X) HTML 與CSS ..................................... 8
1.4.1 CSS 標準 ............................................. 8
1.4.2 傳統(tǒng)HTML 的缺點 ........................... 9
1.4.3 CSS 的引入 ....................................... 10
1.4.4 如何編輯CSS ................................... 11
1.4.5 瀏覽器與CSS ................................... 12
小 結(jié) ........................................................... 13
習 題 ........................................................... 13
第2 章 CSS 選擇器與相關(guān)特性 ....... 14
2.1 構(gòu)造CSS 規(guī)則 ......................................... 14
2.2 基本CSS 選擇器 ..................................... 15
2.2.1 標記選擇器 ....................................... 15
2.2.2 類別選擇器 ....................................... 16
2.2.3 ID 選擇器 ......................................... 18
2.2.4 屬性選擇器 ....................................... 19
2.2.5 結(jié)構(gòu)偽類選擇器 ............................... 21
2.2.6 UI 偽類選擇器 .................................. 23
2.3 在HTML 中使用CSS 的方法 ................ 26
2.3.1 行內(nèi)式 ............................................... 26
2.3.2 內(nèi)嵌式 ............................................... 27
2.3.3 鏈接式 ............................................... 27
2.3.4 導入式 ............................................... 28
2.4 復合選擇器 .............................................. 30
2.4.1 交集選擇器 ....................................... 30
2.4.2 并集選擇器 ....................................... 31
2.4.3 后代選擇器 ....................................... 32
2.5 CSS 的繼承特性 ...................................... 34
2.5.1 繼承關(guān)系 ........................................... 34
2.5.2 CSS 繼承的運用 ............................... 36
2.6 CSS 的層疊特性 ...................................... 37
小 結(jié) ........................................................... 39
習 題 ........................................................... 39
第3 章 CSS 設(shè)計實踐 ........................... 40
3.1 手工方式編寫頁面 .................................. 40
3.1.1 構(gòu)建頁面框架 ................................... 40
3.1.2 設(shè)置標題 ........................................... 41
3.1.3 控制圖片 ........................................... 42
3.1.4 設(shè)置正文 ........................................... 43
3.1.5 設(shè)置整體頁面 ................................... 43
3.1.6 對段落進行分別設(shè)置 ....................... 43
3.1.7 完整代碼 ........................................... 44
3.1.8 CSS 的注釋 ....................................... 45
3.2 使用Dreamweaver 進行CSS 設(shè)置 ......... 45
3.2.1 創(chuàng)建頁面 ........................................... 45
3.2.2 新建CSS 規(guī)則 .................................. 46
3.2.3 編輯CSS 規(guī)則 .................................. 49
3.2.4 為圖像創(chuàng)建CSS 規(guī)則 ...................... 50
小 結(jié) ........................................................... 52
習 題 ........................................................... 52
第4 章 CSS 盒子模型 ........................... 53
4.1 “盒子”與“模型”的概念探究 ........... 53
4.2 長 度 單 位 ............................................ 54
4.3 邊 框 .................................................. 55
4.3.1 設(shè)置邊框樣式 ................................... 56
4.3.2 屬性值的簡寫形式 ........................... 57
4.3.3 邊框與背景 ....................................... 59
4.4 設(shè)置內(nèi)邊距 .............................................. 60
4.5 設(shè)置外邊距 .............................................. 61
4.6 盒子之間的關(guān)系 ...................................... 62
4.6.1 HTML 與DOM ................................ 62
4.6.2 標準文檔流 ....................................... 65
4.6.3 標記與標記 ................. 67
4.7 盒子在標準流中的定位原則 .................. 68
4.7.1 行內(nèi)元素之間的水平margin........... 68