CSS實戰手冊(第2版)

CSS實戰手冊(第2版)

《CSS實戰手冊(第2版)》是2010年電子工業出版社出版的圖書,作者是美國的David Sawyer McFarland。

基本介紹

  • 中文名:CSS實戰手冊(第2版)
  • 作者:[美] David Sawyer McFarland
  • 譯者:俞黎敏
  • 出版時間:2010年6月
  • 出版社:電子工業出版社
  • 頁數:355 頁
  • ISBN:9787121109850
  • 定價:69.8 元
  • 裝幀:平裝
內容簡介,圖書目錄,作者簡介,

內容簡介

本書從介紹最基本的CSS知識開始,到建立用於列印網頁的CSS和改進你的CSS習慣的最佳實踐。將關於CSS的選擇器、繼承、層疊、格式化、邊距、填充、框線、圖片、網站導航、表格、表單、浮動布局、定位網頁上的元素,以及用於列印網頁的CSS等技術通過逐步地講解與教程串聯了起來。每章內容從簡單到複雜,一步一步地建立起一個完整的教程示例,並在每章都會詳細討論一些技巧、最佳實踐和各瀏覽器之間一致性的兼容問題及如何進行修復,以及給出實際的解決辦法來創建最佳展現效果的頁面,在各章節的最後都給出了相應教程的詳細操作步驟。並且介紹了最新的CSS 3特性及常見問題,最後還提供了完整的CSS屬性參考、Dreamweaver CS4中的CSS及書中提到的相關CSS資源列表。
本書適合於剛剛接觸CSS的朋友們閱讀並親自動手實踐,具有HTML、XHTML和CSS基本知識但想創建更加完美的網頁的設計人員,以及須要創建在各種不同的瀏覽器之間兼容並都能夠達到同樣展現效果的CSS專家們作為參考。

圖書目錄

簡介 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

作者簡介

David Sawyer McFarland是Sawyer McFarland Media, Inc.(位於俄勒岡州波特蘭的一家網站開發和培訓公司)總裁。他從1995年開始創建網站,設計的第一個網站是針對通信專業的一本線上雜誌。他是伯克利的加利福尼亞大學和伯克利多媒體研究中心的網站管理員,並為包括Macworld.com在內的諸多客戶創建、設計和編寫了許多網站。
除了創建網站外,David還是一位作家、培訓師和講師。他在加利福尼亞大學伯克利新聞研究所、電子藝術中心、藝術大學研究院、新媒體出版中心,以及波特蘭藝術學院傳授網站設計。目前,他任教於波特蘭州立大學。他給Practical Web Design、Macworld magazine和CreativePro.com撰寫了許多關於網站設計的文章。

相關詞條

熱門詞條

聯絡我們