目 錄
第1章 HTML標記與文檔結構 1
1.1 HTML標記基礎 2
1.1.1 文本用閉閤標簽 2
1.1.2 引用內容用自閉閤標簽 3
1.1.3 屬性 4
1.1.4 標題與段落 5
1.1.5 復閤元素 5
1.1.6 嵌套標簽 6
1.2 HTML文檔剖析 7
1.2.1 HTML模闆 7
1.2.2 塊級元素和行內元素 10
1.2.3 嵌套的元素 15
1.3 文檔對象模型 19
1.4 小結 21
第2章 CSS工作原理 23
2.1 剖析CSS規則 24
CSS規則命名慣例 27
2.2 上下文選擇符 28
2.3 特殊的上下文選擇符 33
2.3.1 子選擇符> 33
2.3.2 緊鄰同胞選擇符+ 34
2.3.3 一般同胞選擇符~ 34
2.3.4 通用選擇符* 35
2.4 ID和類選擇符 36
2.4.1 類屬性 36
2.4.2 ID屬性 39
2.4.3 什麼時候用ID，什麼時候用類 40
2.4.4 ID和類的小結 42
2.5 屬性選擇符 42
2.5.1 屬性名選擇符 43
2.5.2 屬性值選擇符 43
2.5.3 屬性選擇符的小結 44
2.6 僞類 44
2.6.1 UI僞類 44
2.6.2 結構化僞類 47
2.7 僞元素 48
2.8 繼承 50
2.9 層疊 51
2.9.1 樣式來源 51
2.9.2 層疊規則 52
2.9.3 計算特指度 54
2.10 規則聲明 56
2.10.1 文本值 56
2.10.2 數字值 57
2.10.3 顔色值 58
2.11 小結 62
第3章 定位元素 63
3.1 理解盒模型 63
3.1.1 盒子邊框 66
3.1.2 盒子內邊距 68
3.1.3 盒子外邊距 69
3.1.4 疊加外邊距 70
3.1.5 外邊距的單位 71
3.2 盒子有多大 71
3.3 浮動與清除 77
3.3.1 浮動 78
3.3.2 圍住浮動元素的三種方法 80
3.4 定位 87
3.4.1 靜態定位 88
3.4.2 相對定位 88
3.4.3 絕對定位 89
3.4.4 固定定位 90
3.4.5 定位上下文 91
3.5 顯示屬性 94
3.6 背景 95
3.6.1 CSS背景屬性 96
3.6.2 背景顔色 96
3.6.3 背景圖片 97
3.6.4 背景重復 98
3.6.5 背景位置 99
3.6.6 背景尺寸 101
3.6.7 背景粘附 102
3.6.8 簡寫背景屬性 103
3.6.9 其他CSS3背景屬性 103
3.6.10 多背景圖片 104
3.6.11 背景漸變 106
3.7 小結 110
第4章 字體和文本 111
4.1 字體 111
4.1.1 字體族 112
4.1.2 字體大小 115
4.1.3 字體樣式 118
4.1.4 字體粗細 119
4.1.5 字體變化 120
4.1.6 簡寫字體屬性 120
4.2 文本屬性 121
4.2.1 文本縮進 121
4.2.2 字符間距 124
4.2.3 單詞間距 125
4.2.4 文本裝飾 125
4.2.5 文本對齊 126
4.2.6 行高 127
4.2.7 文本轉換 128
4.2.8 垂直對齊 129
4.3 Web字體大揭秘 130
4.3.1 公共字體庫 131
4.3.2 打包的@font-face包 132
4.3.3 生成@font-face包 133
4.4 文字版式 134
4.4.1 簡單的文本布局 134
4.4.2 基於網格排版 138
4.4.3 經典的排版練習 145
4.5 小結 154
第5章 頁麵布局 155
5.1 布局的基本概念 156
5.2 三欄?固定寬度布局 157
5.3 三欄?中欄流動布局 172
5.3.1 用負外邊距實現 172
5.3.2 用CSS3單元格實現 176
5.4 多行多欄布局 179
5.4.1 CSS選擇符的實際應用 181
5.4.2 內部DIV實戰 183
5.5 小結 183
第6章 界麵組件 185
6.1 導航菜單 185
6.1.1 縱嚮菜單 186
6.1.2 橫嚮菜單 189
6.1.3 下拉菜單 190
6.2 錶單 200
6.2.1 HTML錶單元素 201
6.2.2 錶單標記策略 208
6.2.3 設定錶單樣式 209
6.2.4 設計搜索錶單 218
6.3 彈齣層 220
6.3.1 堆疊上下文和z-index 223
6.3.2 用CSS創造三角形 225
6.4 小結 226
第7章 CSS3實戰 227
7.1 規劃頁麵結構 227
7.2 頁眉 231
7.2.1 頁麵標題 232
7.2.2 搜索錶單 235
7.2.3 菜單 236
7.3 專題區 242
7.3.1 登錄錶單 246
7.3.2 博文鏈接 249
7.4 圖書區 251
7.5 頁腳 257
7.6 小結 259
第8章 響應式設計 261
8.1 小設備上的大布局 261
8.2 媒體查詢 263
8.2.1 @media規則 264
8.2.2 <link>標簽的media屬性 266
8.2.3 斷點 266
8.2.4 用<meta>標簽設定視口 267
8.3 針對平闆優化布局 268
8.4 針對智能手機優化布局 271
8.5 最後兩個問題 275
8.5.1 移動Safari中的縮放bug 275
8.5.2 讓下拉菜單支持觸摸 276
8.6 小結 278
附錄 技術提示 279
索引 287
· · · · · · (收起)
第1章 HTML標記與文檔結構 1
1.1 HTML標記基礎 2
1.1.1 文本用閉閤標簽 2
1.1.2 引用內容用自閉閤標簽 3
1.1.3 屬性 4
1.1.4 標題與段落 5
1.1.5 復閤元素 5
1.1.6 嵌套標簽 6
1.2 HTML文檔剖析 7
1.2.1 HTML模闆 7
1.2.2 塊級元素和行內元素 10
1.2.3 嵌套的元素 15
1.3 文檔對象模型 19
1.4 小結 21
第2章 CSS工作原理 23
2.1 剖析CSS規則 24
CSS規則命名慣例 27
2.2 上下文選擇符 28
2.3 特殊的上下文選擇符 33
2.3.1 子選擇符> 33
2.3.2 緊鄰同胞選擇符+ 34
2.3.3 一般同胞選擇符~ 34
2.3.4 通用選擇符* 35
2.4 ID和類選擇符 36
2.4.1 類屬性 36
2.4.2 ID屬性 39
2.4.3 什麼時候用ID，什麼時候用類 40
2.4.4 ID和類的小結 42
2.5 屬性選擇符 42
2.5.1 屬性名選擇符 43
2.5.2 屬性值選擇符 43
2.5.3 屬性選擇符的小結 44
2.6 僞類 44
2.6.1 UI僞類 44
2.6.2 結構化僞類 47
2.7 僞元素 48
2.8 繼承 50
2.9 層疊 51
2.9.1 樣式來源 51
2.9.2 層疊規則 52
2.9.3 計算特指度 54
2.10 規則聲明 56
2.10.1 文本值 56
2.10.2 數字值 57
2.10.3 顔色值 58
2.11 小結 62
第3章 定位元素 63
3.1 理解盒模型 63
3.1.1 盒子邊框 66
3.1.2 盒子內邊距 68
3.1.3 盒子外邊距 69
3.1.4 疊加外邊距 70
3.1.5 外邊距的單位 71
3.2 盒子有多大 71
3.3 浮動與清除 77
3.3.1 浮動 78
3.3.2 圍住浮動元素的三種方法 80
3.4 定位 87
3.4.1 靜態定位 88
3.4.2 相對定位 88
3.4.3 絕對定位 89
3.4.4 固定定位 90
3.4.5 定位上下文 91
3.5 顯示屬性 94
3.6 背景 95
3.6.1 CSS背景屬性 96
3.6.2 背景顔色 96
3.6.3 背景圖片 97
3.6.4 背景重復 98
3.6.5 背景位置 99
3.6.6 背景尺寸 101
3.6.7 背景粘附 102
3.6.8 簡寫背景屬性 103
3.6.9 其他CSS3背景屬性 103
3.6.10 多背景圖片 104
3.6.11 背景漸變 106
3.7 小結 110
第4章 字體和文本 111
4.1 字體 111
4.1.1 字體族 112
4.1.2 字體大小 115
4.1.3 字體樣式 118
4.1.4 字體粗細 119
4.1.5 字體變化 120
4.1.6 簡寫字體屬性 120
4.2 文本屬性 121
4.2.1 文本縮進 121
4.2.2 字符間距 124
4.2.3 單詞間距 125
4.2.4 文本裝飾 125
4.2.5 文本對齊 126
4.2.6 行高 127
4.2.7 文本轉換 128
4.2.8 垂直對齊 129
4.3 Web字體大揭秘 130
4.3.1 公共字體庫 131
4.3.2 打包的@font-face包 132
4.3.3 生成@font-face包 133
4.4 文字版式 134
4.4.1 簡單的文本布局 134
4.4.2 基於網格排版 138
4.4.3 經典的排版練習 145
4.5 小結 154
第5章 頁麵布局 155
5.1 布局的基本概念 156
5.2 三欄?固定寬度布局 157
5.3 三欄?中欄流動布局 172
5.3.1 用負外邊距實現 172
5.3.2 用CSS3單元格實現 176
5.4 多行多欄布局 179
5.4.1 CSS選擇符的實際應用 181
5.4.2 內部DIV實戰 183
5.5 小結 183
第6章 界麵組件 185
6.1 導航菜單 185
6.1.1 縱嚮菜單 186
6.1.2 橫嚮菜單 189
6.1.3 下拉菜單 190
6.2 錶單 200
6.2.1 HTML錶單元素 201
6.2.2 錶單標記策略 208
6.2.3 設定錶單樣式 209
6.2.4 設計搜索錶單 218
6.3 彈齣層 220
6.3.1 堆疊上下文和z-index 223
6.3.2 用CSS創造三角形 225
6.4 小結 226
第7章 CSS3實戰 227
7.1 規劃頁麵結構 227
7.2 頁眉 231
7.2.1 頁麵標題 232
7.2.2 搜索錶單 235
7.2.3 菜單 236
7.3 專題區 242
7.3.1 登錄錶單 246
7.3.2 博文鏈接 249
7.4 圖書區 251
7.5 頁腳 257
7.6 小結 259
第8章 響應式設計 261
8.1 小設備上的大布局 261
8.2 媒體查詢 263
8.2.1 @media規則 264
8.2.2 <link>標簽的media屬性 266
8.2.3 斷點 266
8.2.4 用<meta>標簽設定視口 267
8.3 針對平闆優化布局 268
8.4 針對智能手機優化布局 271
8.5 最後兩個問題 275
8.5.1 移動Safari中的縮放bug 275
8.5.2 讓下拉菜單支持觸摸 276
8.6 小結 278
附錄 技術提示 279
索引 287
· · · · · · (收起)
具體描述
《圖靈程序設計叢書:CSS設計指南(第3版)》是一本麵嚮初中級讀者的經典設計指南。全書共分8章，前4章分彆介紹瞭HTML標記和文檔結構、CSS工作原理、定位元素、字體和文本，對規則、聲明、層疊、特指度、選擇符等基本概念進行瞭詳細解讀。隨後4章介紹瞭頁麵布局、界麵組件，CSS3圓角、陰影、漸變、多背景等視覺設計技巧，最後還對如何實現最前沿的響應式設計進行瞭通俗易懂的演示。
用戶評價
評分
##翻譯得真心流暢！看著很舒心！學習！--2014/04/02 第七章可以跟著寫的，各種屏幕，瀏覽器兼容還是很頭疼的。終於看瞭一遍--2014/04/30
評分##入門很閤適，簡單易懂。
評分##寫得真是深入淺齣啊，理解瞭框、定位與布局之後，其它都好說瞭。
評分##感覺還可以，至少翻譯沒問題。迅速過瞭一下，至少對css不陌生瞭。但是總感覺在一些關鍵技術點上，看瞭後不知所雲的感覺。
評分##一本入門的書，賣的貴瞭。
評分##導航和響應式布局那幾章很有啓發哇
評分##地點：前四章查漏補缺，中間有關布局的兩章沒仔細看，因為現在被flex方式慣壞瞭。還有最後的媒體查詢，咦，雖然渴望工作都能用UI組件庫解決，但是最近的産品與QA要求逐漸提高，我也就被迫學習瞭。
評分##確實不錯,非常的深入淺齣,分欄布局的核心就是display,position,float
評分##入門很閤適，簡單易懂。
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2026 book.teaonline.club All Rights Reserved. 圖書大百科 版權所有