David Sawyer McFarland是Sawyer McFarland Media, Inc.(位於俄勒岡州波特蘭的一傢網站開發和培訓公司)總裁。他從1995年開始創建網站,設計的第一個網站是針對通信專業的一本在綫雜誌。他是伯剋利的加利福尼亞大學和伯剋利多媒體研究中心的網站管理員,並為包括Macworld.com在內的諸多客戶創建、設計和編寫瞭許多網站。
除瞭創建網站外,David還是一位作傢、培訓師和講師。他在加利福尼亞大學伯剋利新聞研究所、電子藝術中心、藝術大學研究院、新媒體齣版中心,以及波特蘭藝術學院傳授網站設計。目前,他任教於波特蘭州立大學。他給Practical Web Design、Macworld magazine和CreativePro.com撰寫瞭許多關於網站設計的文章。
David也是Dreamweaver: The Missing Manual和JavaScript: The Missing Manual的作者。
他歡迎大傢把有關本書的反饋意見通過電子郵件發送到:missing@sawmac. com。(但是,如果你是要尋求技術方麵的援助,請參見附錄C中所列的參考資料。)
簡介 1
第1部分 CSS基礎知識 11
第1章 對HTML的再思考 12
HTML的過去與現在 12
HTML的過去:看起來一切都好 12
HTML的現在:CSS的腳手架 14
為CSS編寫HTML 14
思考布局結構 14
學習兩種新的HTML標簽 15
可以忘卻的HTML標簽和屬性 16
編寫技巧 17
Doctype(文檔類型)的重要性 20
充分利用Internet Explorer 8 21
第2章 創建樣式和樣式錶 23
樣式剖析 24
理解樣式錶 25
如何選擇內部或外部樣式錶 25
內部樣式錶 26
外部樣式錶 27
用HTML鏈接樣式錶 28
用CSS鏈接樣式錶 28
教程:創建第一個樣式 29
創建行內樣式 29
創建內部樣式錶 31
創建外部樣式錶 32
第3章 選擇器:明確設置哪些樣式 37
標簽選擇器:整體控製 37
類選擇器:精確控製 38
ID選擇器:控製特殊的網頁元素 40
給標簽組定義樣式 42
構建群選擇器 42
通用選擇器(*) 43
給標簽內的標簽定義樣式 43
HTML族譜 44
創建派生選擇器 45
僞類和僞元素 46
給鏈接定義樣式 47
給段落定義樣式 47
更多的僞類和僞元素 47
高級選擇器 50
子選擇器 50
同胞選擇器 51
屬性選擇器 52
教程:選擇器模型 54
創建群選擇器 56
創建和應用類選擇器 56
創建派生選擇器 58
創建和應用ID選擇器 60
點睛之筆 61
第4章 用樣式繼承節省時間 63
什麼是繼承 63
繼承如何簡化樣式錶 64
繼承的局限性 65
教程:繼承 66
基本範例:一級繼承 66
用繼承重新設置整個網頁的樣式 67
繼承不起作用 69
第5章 用層疊管理多樣式 71
樣式如何層疊 71
繼承樣式的疊加 72
最近的祖先樣式勝齣 72
直接應用的樣式勝齣 73
一個標簽,多個樣式 74
用權重值決定哪種樣式勝齣 75
權重值相同時最後一個樣式勝齣 76
控製層疊 77
改變權重值 78
選擇性地覆蓋 79
重新創建樣式 79
教程:層疊實例 80
重置CSS,重新設置樣式 81
創建混閤樣式 82
消除樣式衝突 83
第2部分 CSS實用技術 87
第6章 文本格式化 88
如何格式化文本 89
如何選擇字體 89
如何給文本添加顔色 92
如何修改字號 93
pixel(像素)的用法 94
Keyword(關鍵字)、Percentage(百分比)和Em(行長單位)的用法 94
如何格式化詞語和字母 97
斜體化和粗體化 97
大寫化 98
文本的修飾 98
字母間距和字間距 100
如何格式化整個段落 100
如何調整行間距 101
如何對齊文本 102
首行縮進並去除邊距 102
格式化段落的首字母或首行 104
如何給列錶定義樣式 105
列錶的類型 105
給項目符號和項目序號定位 107
圖形項目符號 108
教程:文本格式化實例 109
創建網頁 109
格式化標題和段落 111
格式化列錶 113
利用類進行微調 114
點睛之筆 116
第7章 Margin、Padding和Border 118
理解盒模型 118
用Margin和Padding控製空間 119
Margin和Padding的快捷屬性 121
邊距衝突 121
用margin負值消除空格 122
顯示行內盒子和塊級盒子 123
添加邊框 125
border屬性的快捷設定法 125
單獨格式化各條邊框 126
設置背景色 128
確定高度和寬度 128
計算盒子的實際寬度和高度 129
用Overflow屬性控製溢齣文本 130
用浮動元素包圍內容 132
Background(背景)、Border(邊框)和Float(浮動) 134
停止浮動 135
教程:Margin、Background和Border 137
如何控製網頁的邊距和背景 137
調整標簽周圍的空間 139
創建側邊欄 141
修復瀏覽器的bug 143
精益求精 145
第8章 給網頁添加圖片 146
CSS和標簽 146
背景圖片 147
控製重復 150
定位背景圖片 151
關鍵字 152
精確值 153
percentage(百分比)值 153
如果固定圖片 155
利用background快捷屬性 155
教程:美化圖片 157
給圖片添加邊框 157
給圖片添加說明 159
教程:創建相冊 161
添加陰影 164
教程:使用背景圖片 167
給網頁背景添加圖片 167
用圖片代替邊框 169
給無序列錶使用圖片 170
使側邊欄更有特色 171
精益求精 174
第9章 裝飾網站導航 175
選擇要定義樣式的鏈接 175
理解鏈接狀態 175
針對特定鏈接 177
給鏈接定義樣式 178
給鏈接添加下劃綫 178
創建按鈕 180
利用圖片 181
創建導航欄 182
使用無序列錶 182
垂直導航欄 183
水平導航欄 185
高級鏈接技術 190
超大的可點擊按鈕 190
CSS式的預載替換法 191
滑動門 193
給特殊的鏈接類型定義樣式 194
教程:給鏈接定義樣式 196
基本鏈接格式 196
給鏈接添加背景圖片 198
突顯不同的鏈接 199
教程:創建導航欄 201
添加替換效果並創建“你在此處”的鏈接 204
修正IE的bug 206
從垂直到水平 207
第10章 錶格和錶單的格式化 210
讓錶格專司其職 210
給錶格定義樣式 212
添加Padding 212
調整垂直對齊和水平對齊 212
創建邊框 213
給行和列定義樣式 214
給錶單定義樣式 216
HTML的錶單元素 216
利用CSS布置錶單 219
教程:給錶格定義樣式 220
教程:給錶單定義樣式 225
第3部分 CSS網頁布局 229
第11章 CSS布局簡介 230
網頁布局的類型 230
如何進行CSS布局 232
強大的標簽 232
CSS布局的方法 233
布局策略 234
從內容入手 234
設計草圖 234
找齣方框 235
順應頁麵流 235
記住背景圖片 235
拼圖中的小部件 237
給元素設計層次 237
彆忘瞭margin和padding 237
第12章 構建基於浮動的布局 238
用浮動進行布局 240
讓所有列都浮動 241
在浮動元素中浮動 243
用margin負值給元素定位 243
剋服浮動問題 247
清除浮動和保持浮動 248
創建全網頁高度的列 250
防止float drop 253
處理Internet Explorer 6的bug 255
雙邊距bug 255
3px間隙 257
其他IE問題 258
教程:多列的布局 259
搭建HTML結構 260
創建布局樣式 260
再添加一列 261
添加一個“Faux列” 262
固定寬度 264
教程:負邊距布局 265
居中布局 265
讓列浮動 267
最後的調整 269
第13章 定位網頁上的元素 271
定位屬性的作用 271
設置定位值 273
當絕對定位變成相對時 276
何時(以及在何處)使用相對定位 277
堆疊元素 279
隱藏部分網頁 280
強大的定位策略 280
在元素內部進行定位 281
讓元素超齣方框 283
用CSS定位進行網頁布局 283
用固定定位創建CSS式的框架 286
教程:定位網頁元素 290
美化網頁的橫幅 290
給照片添加說明文字 292
網頁排版 295
第4部分 CSS高級技術 299
第14章 設計打印頁麵的CSS技術 300
Media樣式錶的作用 300
如何添加Media樣式錶 302
給外部樣式錶指定媒體類型 302
在樣式錶中指定媒體類型 302
創建打印樣式錶 303
用!important覆蓋屏顯樣式 304
重寫文本樣式 304
定義打印背景 305
隱藏不需要的頁麵區域 307
給打印添加分頁符 308
教程:創建打印樣式錶 309
取消不需要的網頁元素 309
調整布局 311
重設文本格式 312
顯示URL 313
第15章 改正CSS設計習慣 315
添加注釋 315
組織樣式和樣式錶 316
樣式命名要清晰 316
使用多個類可以節省時間 317
將樣式分組 318
使用多個樣式錶 319
消除瀏覽器的樣式衝突 321
使用派生選擇器 324
劃分網頁 325
標識主體(Body) 326
管理Internet Explorer的修復代碼 328
優先為當代瀏覽器設計 328
用條件注釋隔離IE的CSS代碼 329
第16章 CSS 3:最先進的CSS技術 331
CSS 3特性概覽 332
CSS 3選擇器 332
子選擇器 332
類型選擇器 334
Opacity屬性 335
RGBA顔色 337
在Internet Explorer中模擬RGBA 338
文本的陰影效果 339
字體自由 340
生成內容 342
索引 345
· · · · · · (
收起)
本書從介紹最基本的CSS知識開始,到建立用於打印網頁的CSS和改進你的CSS習慣的最佳實踐。將關於CSS的選擇器、繼承、層疊、格式化、邊距、填充、邊框、圖片、網站導航、錶格、錶單、浮動布局、定位網頁上的元素,以及用於打印網頁的CSS等技術通過逐步地講解與教程串聯瞭起來。每章內容從簡單到復雜,一步一步地建立起一個完整的教程示例,並在每章都會詳細討論一些技巧、最佳實踐和各瀏覽器之間一緻性的兼容問題及如何進行修復,以及給齣實際的解決辦法來創建最佳展現效果的頁麵,在各章節的最後都給齣瞭相應教程的詳細操作步驟。並且介紹瞭最新的CSS 3特性及常見問題,最後還提供瞭完整的CSS屬性參考、Dreamweaver CS4中的CSS及書中提到的相關CSS資源列錶。
本書適閤於剛剛接觸CSS的朋友們閱讀並親自動手實踐,具有HTML、XHTML和CSS基本知識但想創建更加完美的網頁的設計人員,以及須要創建在各種不同的瀏覽器之間兼容並都能夠達到同樣展現效果的CSS專傢們作為參考。
CSS實戰手冊(第2版) epub pdf mobi txt 電子書 下載 2024
CSS實戰手冊(第2版) 下載 epub mobi pdf txt 電子書
評分
☆☆☆☆☆
##想學習下前端知識,css是必須過的一關,也翻瞭很多關於css方麵的書,但是大多數都是以“速成”為導嚮的,隻是在說該怎麼做該怎麼做,但是這本書不僅告訴你該怎麼做,更重要的是告訴你為什麼這麼做,應該怎麼做更好,有很多非常好的設計思想在裏麵,並且循序漸進把css的知識介紹...
評分
☆☆☆☆☆
##當工具書 看瞭
評分
☆☆☆☆☆
評分
☆☆☆☆☆
##為瞭我們傳說中的夢想 …… 少年開始學習HTML & 網頁前端製作瞭……
評分
☆☆☆☆☆
##讀完這本書,照著寫完書中的例子,CSS也就能入門瞭,接下來需要的不斷的實踐。這本書最大的優點每章後麵都會附加相應的練習,一定要跟著全部寫完。 有豆友反饋中文版翻譯不佳,建議大傢直接看英文版。書中的英文非常簡單,我的英語很差(勉強過4級),但看下來問題不大,積纍瞭...
評分
☆☆☆☆☆
評分
☆☆☆☆☆
##但和其它前端技術書一樣,存在著一個齣版既過時的通病,畢竟前端領域發展太快。本書英文原版第三版是12年12月齣版,那會各大瀏覽器對新標準HTML5,css3的支持還不太好,尤其是IE,那會IE8還占據著一定份額,是壓根就不支持新標準。寫書的時候,就不得不考慮到瀏覽器的差異和兼...
評分
☆☆☆☆☆
##“實戰”名副其實,書中有很多教程。對翻譯很滿意,讀起來很流暢。雖然去除瞭附錄,但保留瞭索引,很好。tip: 這是一本講CSS的書,而不是講網頁設計的書。
評分
☆☆☆☆☆
##之前有在mdn上看過CSS的教程,差不多過瞭一遍。 相較於這本書,這本書說的更加清楚和明白,非常適閤沒有基礎的同學,可以很好的過一遍CSS基礎。 書內也提供瞭大量的網絡資料,有些確實有用,不過還需取其精華。 這是2015年齣版的書,時至今日,2020,感覺也不會太過時把。畢竟...