第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圓角、陰影、漸變、多背景等視覺設計技巧，最後還對如何實現最前沿的響應式設計進行瞭通俗易懂的演示。
用戶評價
##寫得真是深入淺齣啊，理解瞭框、定位與布局之後，其它都好說瞭。
評分##地點：前四章查漏補缺，中間有關布局的兩章沒仔細看，因為現在被flex方式慣壞瞭。還有最後的媒體查詢，咦，雖然渴望工作都能用UI組件庫解決，但是最近的産品與QA要求逐漸提高，我也就被迫學習瞭。
評分##非常好…需要重讀
評分##非常好的書，平時偏重與後颱開發，通過本書對CSS有瞭一個重新的認識。看瞭前麵五章，後麵的章節基本都是實戰應用瞭，我現階段還用不到，暫時瞭解前麵五章的CSS原來已經常識就足夠瞭，以後用的時候在看吧~
評分##感覺還可以，至少翻譯沒問題。迅速過瞭一下，至少對css不陌生瞭。但是總感覺在一些關鍵技術點上，看瞭後不知所雲的感覺。
評分##你會CSS語法瞭，你也能找到彆人頁麵的源代碼研究，你就會用CSS瞭嗎？顯然不能，從語法到頁麵實現中間實在有太多可以展開說的東西瞭，但麵嚮入門者、通過實例講解頁麵構建思路的書籍卻為數不多，此書可算是其中較為優秀的一本。如果大概知道HTML和CSS是怎麼一迴事瞭（剛刷完w3school但一個頁麵都不會寫），建議直接看這本書，足夠打好基礎和入門瞭。
評分##這本書並沒有涵蓋全部的css技術，因為它畢竟不是手冊。但它用幾個例子很好地詮釋瞭css技術的核心用途：定位與布局設計。
評分##一本入門的書，賣的貴瞭。
評分##導航和響應式布局那幾章很有啓發哇
相關圖書
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2026 book.cndgn.com All Rights Reserved. 新城书站 版權所有