劍指HTML5+CSS3：核心原理與應(yīng)用實踐

HTML 篇
第1 章 Web 及前端介紹 ·····························.1
1.1 Web ············································.1
1.1.1 認識URL ·····························.1
1.1.2 認識HTTP ···························.2
1.1.3 Web 的發(fā)展 ··························.3
1.1.4 Web 相關(guān)標準 ·······················.4
1.1.5 軟件結(jié)構(gòu)劃分 ························.4
1.1.6 動態(tài)網(wǎng)站開發(fā)所需的Web 構(gòu)件 ·.5
1.2 什么是前端 ···································.7
1.3 編輯器介紹 ···································.8
1.4 本章小結(jié) ······································.9
第2 章 初探HTML ··································.10
2.1 HTML 基礎(chǔ)語法 ···························.10
2.1.1 HTML 的基本概念 ···············.10
2.1.2 標簽的分類 ··························.11
2.1.3 標簽屬性 ····························.12
2.1.4 HTML 中對于空格及回車的處理
········································.12
2.1.5 實體 ··································.13
2.1.6 HTML 的注釋符 ··················.13
2.2 文檔結(jié)構(gòu) ····································.13
2.2.1 文檔頭 ·······························.14
2.2.2 ＜html＞標簽 ·························.14
2.2.3 ＜head＞標簽及＜body＞標簽 ······.14
2.3 ＜head＞標簽中的內(nèi)容 ·····················.15
2.3.1 ＜title＞標簽··························.15
2.3.2 ＜meta＞標簽 ························.15
2.3.3 其他頭標簽 ·························.16
2.4 本章小結(jié) ····································.17
第3 章 常用HTML 標簽 ···························.18
3.1 標記文字——普通文本 ··················.18
3.2 標記文字——超鏈接 ······················.25
3.2.1 絕對路徑、相對路徑 ·············.25
3.2.2 超鏈接 ·······························.27
3.2.3 錨點 ··································.29
3.3 組織內(nèi)容——普通文本 ···················.29
3.4 組織內(nèi)容——列表 ·························.30
3.4.1 有序列表 ····························.30
3.4.2 無序列表 ····························.31
3.4.3 自定義列表 ·························.32
3.5 組織內(nèi)容——標題標簽 ···················.33
3.6 嵌入內(nèi)容——圖像標簽 ···················.34
3.6.1 圖片類型 ····························.34
3.6.3 圖像標簽 ····························.34
3.7 實例：劃分HTML 的結(jié)構(gòu) ··············.35
3.8 本章小結(jié) ·····································.39
第4 章 表格和表單 ··································.40
4.1 表格 ···········································.40
4.1.1 普通表格 ····························.41
4.1.2 實例：海鮮購買清單 ·············.42
4.1.3 ＜th＞、＜td＞標簽中的colspan 和
rowspan 屬性 ·······················.45
4.1.4 實例：食堂菜譜 ···················.46
4.2 表單 ···········································.47
4.2.1 初始表單 ····························.48
4.2.2 ＜form＞標簽的action 和method
屬性 ··································.48
4.2.3 布爾屬性 ····························.49
4.2.4 詳解＜input /＞標簽 ·················.49
4.2.5 下拉列表 ····························.52
4.2.6 文本域 ·······························.53
4.2.7 按鈕 ··································.54
4.2.8 為表單標簽定義標注 ·············.55
4.3 實例：個人資料修改表單 ···············.55
4.4 本章小結(jié) ····································.60
CSS 篇
第5 章 初探CSS 及選擇器 ·······················.62
5.1 CSS 的基本用法 ···························.62
5.1.1 CSS 的基礎(chǔ)語法···················.62
5.1.2 CSS 中的注釋符···················.63
5.1.3 CSS 中顏色的表示方式 ·········.64
5.1.4 CSS 的使用方式···················.64
5.2 CSS 特性 ····································.67
5.3 CSS 選擇器 ·································.69
5.3.1 標簽選擇器 ·························.69
5.3.2 類選擇器 ····························.70
5.3.3 實例：仿Google ··················.73
5.3.4 層次選擇器 ·························.74
5.3.5 ID 選擇器 ···························.78
5.3.6 組合選擇器 ·························.79
5.3.7 通配符選擇器 ······················.80
5.3.8 偽類選擇器 ·························.81
5.3.9 其他選擇器 ·························.84
5.3.10 實例：表格隔行換色 ···········.85
5.4 權(quán)重值 ·······································.88
5.5 本章小結(jié) ····································.90
第6 章 字體與文本··································.91
6.1 調(diào)試器在CSS 中的使用 ·················.91
6.2 字體 ··········································.98
6.2.1 字體及字體族 ······················.98
6.2.2 字體（字體族）的類型 ··········.98
6.2.3 設(shè)置字體（字體族）——
可繼承 ·······························.98
6.2.4 字號——可繼承 ··················.100
6.2.5 設(shè)置字重——可繼承 ············.101
6.2.6 字體風格——可繼承 ············.102
6.2.7 字體簡寫 ···························.103
6.3 文本 ·········································.104
6.3.1 盒子模型的基本要素 ············.104
6.3.2 行內(nèi)元素和塊狀元素 ············.105
6.3.3 元素顯示類型 ·····················.105
6.3.4 字體顏色——可繼承 ············.107
6.3.5 文本裝飾——不可繼承 ·········.108
6.3.6 文本縮進——可繼承 ···········.110
6.3.7 字符間距——可繼承 ···········.113
6.3.8 文本對齊——可繼承 ···········.113
6.3.9 空白處理及換行 ·················.115
6.3.10 超出隱藏 ·························.118
6.3.11 行高 ········