精通CSS:進階Web標準解決方案(第2版)(Amazon第一CSS暢銷書全新改版)

來源:互聯網
上載者:User

精通CSS:進階Web標準解決方案(第2版)(Amazon第一CSS暢銷書全新改版)

 

基本資料

作者: Andy Budd    Simon Collison    Cameron Moll 
譯者: 陳劍甌[同譯者作品]
叢書名: 圖靈程式設計叢書
出版社:人民郵電出版社
ISBN:9787115226730
上架時間:2010-4-1
出版日期:2010 年5月
開本:16開
其他詳細資料查看:http://www.china-pub.com/196593

內容簡介

CSS作為Web標準的一部分,已經成為現代網頁設計中必不可少的關鍵要素。CSS看似簡單,但真正精通CSS絕非易事。在使用CSS開發網站時,會遇到形形色色的瀏覽器bug和不一致問題,而解決方案又五花八門,往往讓使用者感覺千頭萬緒,不知從何著手。
本書將最有用的CSS技術匯總在一起,還總結了CSS設計中的最佳實務,討論瞭解決各種實際問題的技術,填補了一直以來CSS圖書的空白。正因如此,英文版出版後,一時洛陽紙貴,多次重印,並迅速登上Amazon圖書熱門排行榜前列,最高時甚至與《哈利?傳輸速率》並駕齊驅,創造了電腦圖書的銷售奇蹟。
作為最新的升級版,本書淘汰了過時的內容,補充了大量CSS領域的新技術,涵蓋了CSS 3和HTML 5,無愧於Web設計人員必讀的第一經典著作。

 

目錄

第1章 基礎知識 1
1.1 設計代碼的結構 2
1.1.1 標記簡史 2
1.1.2 文件類型、DOCTYPE切換和瀏覽器模式 13
1.1.3 有效性驗證 14
1.2 小結 17
第2章 為樣式找到應用目標 18
2.1 常用的選取器 18
2.2 通用選取器 20
2.3 進階選取器 20
2.3.1 子選取器和相鄰同胞選取器 21
2.3.2 屬性選取器 22
2.3.3 層疊和特殊性 26
2.3.4 繼承 29
2.4 規劃、組織和維護樣式表 31
2.4.1 對文檔應用樣式 31
2.4.2 樣式指南 35
2.5 小結 37
第3章 可視化格式模型 38
3.1 盒模型概述 38

.3.1.1 IE和盒模型 40
3.1.2 外邊距疊加 41
3.2 定位概述 43
3.2.1 視覺格式化模型 43
3.2.2 相對定位 44
3.2.3 絕對位置 45
3.2.4 浮動 47
3.3 小結 53
第4章 背景映像效果 54
4.1 背景映像基礎 54
4.2 圓角框 57
4.2.1 固定寬度的圓角框 57
4.2.2 山頂角 62
4.3 投影 67
4.3.1 簡單的CSS投影 68
4.3.2 來自Clagnut的投影方法 70
4.4 不透明度 73
4.5 映像替換 78
4.5.1 FIR 79
4.5.2 Phark 80
4.5.3 sIFR 80
4.6 小結 82
第5章 對連結應用樣式 83
5.1 簡單的連結樣式 83
5.2 讓底線更有趣 85
5.2.1 簡單的連結修飾 85
5.2.2 奇特的連結底線 86
5.3 已訪問連結的樣式 87
5.4 為連結目標設定樣式 87
5.5 反白不同類型的連結 88
5.6 建立類似按鈕的連結 91
5.6.1 簡單的翻轉 92
5.6.2 映像翻轉 93
5.6.3 Pixy樣式的翻轉 93
5.6.4 CSS精靈 95
5.6.5 用CSS 3實現翻轉 96
5.7 純CSS工具提示 98
5.8 小結 100
第6章 對列表應用樣式和建立導航條 101
6.1 基本欄表樣式 101
6.2 建立基本的垂直導航條 102
6.3 在導航條中反白當前頁面 105
6.4 建立簡單的水平導航條 106
6.5 建立圖形化導航條 108
6.6 簡化的“滑動門”標籤頁式導航 110
6.7 Suckerfish下拉式功能表 112
6.8 CSS影像地圖 114
6.9 遠距離翻轉 124
6.10 對於定義列表的簡短說明 130
6.11 小結 131
第7章 對錶單和資料表格應用樣式 132
7.1 對資料表格應用樣式 132
7.1.1 表格特有的元素 134
7.1.2 資料表格標記 135
7.1.3 對錶格應用樣式 136
7.1.4 添加視覺樣式 137
7.2 簡單的表單布局 139
7.2.1 有用的表單元素 140
7.2.2 基本布局 140
7.2.3 其他元素 142
7.2.4 修飾 144
7.3 複雜的表單布局 145
7.3.1 可訪問的資料輸入元素 146
7.3.2 多列複選框 147
7.3.3 表單反饋 150
7.4 小結 152
第8章 布局 153
8.1 計劃布局 153
8.2 設定基本結構 156
8.3 基於浮動的布局 158
8.3.1 兩列的浮動布局 158
8.3.2 三列的浮動布局 161
8.4 固定寬度、流式和彈性布局 163
8.4.1 流式布局 164
8.4.2 彈性布局 166
8.4.3 流式和彈性映像 168
8.5 faux列 170
8.6 高度相等的列 173
8.7 CSS 3列 176
8.8 CSS架構與CSS系統 177
8.9 小結 181
第9章 bug和修複bug 183
9.1 捕捉bug 183
9.2 捕捉bug的基本知識 189
9.2.1 盡量在一開始就避免bug 190
9.2.2 隔離問題 190
9.2.3 建立基本測試案例 191
9.2.4 修複問題,而不是修複癥狀 191
9.2.5 請求協助 192
9.3 擁有布局 192
9.3.1 什麼是布局 192
9.3.2 布局的效果 193
9.4 解決方案 195
9.4.1 IE條件注釋 195
9.4.2 關於hack和過濾器的一個警告 196
9.4.3 明智地使用hack和過濾器 197
9.4.4 應用IE for Mac帶通過濾器 197
9.4.5 應用星號HTML hack 198
9.4.6 應用子選取器hack 199
9.5 常見bug及其修複方法 199
9.5.1 雙外邊距浮動bug 199
9.5.2 3像素文本位移bug 200
9.5.3 IE 6的重複字元bug 201
9.5.4 IE 6的“藏貓貓”bug 202
9.5.5 相對容器中的絕對位置 203
9.5.6 停止對IE的批評 204
9.6 分級瀏覽器支援 204
9.7 小結 206
第10章 執行個體研究:Roma Italia 207
10.1 關於這個執行個體研究 207
10.2 基礎 209
10.2.1 著眼於HTML 5 210
10.2.2 reset.css 211
10.3 1080布局和網格 212
10.4 進階CSS 2和CSS 3特性 215
10.4.1 網站需要在每種瀏覽器中看起來完全一樣嗎 216
10.4.2 屬性選取器 217
10.4.3 box-shadow、RGBa和text-overflow 218
10.5 字型連結和更好的Web排版 221
10.5.1 按以前的方式設定
font-size 221
10.5.2 標點符號懸掛 222
10.5.3 多欄文本布局 224
10.5.4 @font-face 225
10.5.5 Cufón,向@font-face發展的過渡手段 228
10.6 用AJAX和jQuery增加互動性 230
10.6.1 AJAX 230
10.6.2 jQuery 231
10.6.3 使用AJAX和jQuery實現搜尋 232
10.7 小結 234
第11章 執行個體研究:Climb the Mountains 235
11.1 關於這個執行個體研究 235
11.2 樣式表的組織和約定 237
11.2.1 screen.css 238
11.2.2 reset 239
11.2.3 使用條件注釋的IE樣式表 239
11.3 網格靈活性 240
11.4 用body類控制導航 241
11.4.1 反白當前頁面 241
11.4.2 控制blockquote所處的層 244
11.5 戰略性地選擇元素 245
11.5.1 深層後代選取器 245
11.5.2 :first-child偽類 248
11.5.3 相鄰同胞選取器 249
11.6 透明度、陰影和圓角 250
11.6.1 我們的目標 251
11.6.2 說明映像覆蓋和RGBa透明度 252
11.6.3 組合類別 254
11.6.4 border-radius 255
11.6.5 box-shadow 256
11.7 定位列表和顯示內容 257
11.7.1 圓角 259
11.7.2 主海拔圖 260
11.8 小結 266

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.