《CSS實戰手冊》Div CSS布局學習書籍！_Web標準教程

　　主要介紹了CSS這種強大的設計語言的方方面面，意在使讀者能更快速且更專業地從事網站設計和開發工作。本書內容豐富全面、通俗易懂，實戰性強，涵蓋了CSS的選擇器、繼續、層疊、格式化、網站導航、浮動布局等技術。每章內容都由易到難，一步一步地建立起一個完整的教程示例，既適合剛剛接觸CSS的讀者閱讀并親自動手實踐，又可以作為網頁設計人員，以及CSS專家們的參考書。


　　作者：David Sawyer McFarland
　　譯者：俞黎敏
　　電子工業出版社
　　預訂中 估價 （還未正式上市發行） 點此預訂

關于作者和譯者：

　　DavidcSawyercMcFarland是位于俄勒岡州波特蘭的一家網站開發和培訓公司即SawyercMcFarlandcMedia,cInc.的總裁.他從1995年開始創建網站,1當時他設計的第一個網站是針對通訊專家的一本在線雜志.他曾經是位于伯克利的加利福尼亞大學和伯克利多媒體研究中心的網站治理員,并對Macworld.com基于CSS驅動的重新設計進行了完整的監控.

　　除了創建網站之外,David還是一位作家.培訓師和講師.他在加利福尼亞大學伯克利新聞研究所.電子藝術中心.藝術大學研究院.新媒體非印刷中心,以及波蘭國家大學傳授網站設計.他給PracticalcWebcDesign.c MXcDeveloper'scJournal. Macworldcmagazine和CreativePro.com撰寫關于網站的文章.

俞黎敏（ID:YuLimin,4網名：阿敏總司令）
　　現任薩蒂揚軟件技術（上海）有限公司項目經理,深入了解電力.電信行業的系統,并負責核心系統的研發與治理工作.開源愛好者,曾經參與滿江紅開源組織Springc2.0cReference中文翻譯的一審與二審工作和Seamc1.2.1cReference中文翻譯工作,5并擔任CSDN.cCJSDN.cDev2Dev.cMatrix.cJavaWorldTW等Java論壇版主,在各大技術社區推動開源和靈敏開發方面作出了積極的貢獻.

書籍目錄：

The Missing的榮譽... I
簡介.. 1
第1部分：CSS基礎知識

第1章：為CSS重新思考HTML. 15

HTML：過去和現在... 15
HTML的過去：一切看起來都好... 16
HTML的現在：CSS的腳手架... 17
為CSS寫HTML.. 18
思考布局結構... 18
學習兩種新的HTML標簽... 18
可以遺忘的HTML. 20
在網站上引導訪問者的技巧... 21
Doctype（文檔類型）的重要性... 24

第2章：創建樣式和樣式表.... 27

樣式剖析... 27
理解樣式表... 30
內部還是外部——如何選擇... 30
內部樣式表... 30
外部樣式表... 31
使用HTML鏈接一個樣式表... 33
用CSS鏈接一個樣式表... 33
教程：創建你的第一個樣式... 34
創建一個行內的樣式... 35
創建一個內部樣式表... 36
創建一個外部樣式表... 39

第3章：選擇器基礎：判定要給什么添加樣式.... 43

標簽選擇器：整體樣式... 43
類選擇器（class selector）：精確控制... 45
ID選擇器：非凡的網頁元素... 48
給標簽內的標簽定義樣式... 49
HTML族譜... 50
創建派生選擇器... 51
給標簽群（Group of Tags）定義樣式... 53
構造群選擇器（Group Selectors）... 53
通用選擇器（*）... 54
偽類和偽元素... 54
給鏈接定義樣式... 54
更多的偽類和偽元素... 55
高級選擇器... 58
子選擇器... 58
鄰近同胞... 60
屬性選擇器（attribute selector）... 60
教程：選擇器模型... 61
創建群選擇器... 63
創建和應用類選擇器... 65
創建和應用ID選擇器... 67
創建派生選擇器... 68

第4章：利用繼續節省時間.... 71

什么是繼續... 71
繼續怎樣使樣式表簡化并更有效... 72
繼續的局限性... 72
教程：繼續... 75
一個基本的例子：一級繼續... 75
利用繼續重新定義整張網頁的樣式... 76
繼續不起作用... 78

第5章：治理多種樣式：層疊... 81

樣式如何層疊... 82
繼續的樣式累積... 82
最近的祖先樣式勝出... 82
直接應用的樣式勝出... 83
一個標簽，多個樣式... 84
特性：哪種樣式勝出... 86
平局修正器：最后一個樣式勝出... 87
控制層疊... 89
改變特性... 89
選擇性地超越... 89
教程：層疊實戰... 91
創建混合樣式... 92
結合層疊和繼續... 93
征服沖突... 94

第2部分：實用的CSS
第6章：格式化文本.... 99

格式化文本... 99
選擇字體... 101
給文本添加顏色... 102
改變字號... 104
使用pixel（像素）... 104
使用Keyword（要害字）、Percentage（百分比）和Em（行長單位）... 105
格式化單詞和字母... 108
斜體化和粗體化... 109
大寫化... 109
裝飾... 110
字母和字間距... 111
格式化整個段落... 112
調整行與行之間的距離... 112
對齊文本... 114
首行縮進和去除頁邊距... 115
格式化段落的首字母或者首行... 117
給列表定義樣式... 117
列表類型... 117
定位項目符號和數字... 120
圖形項目符號... 121
教程：文本格式化實戰... 123
建立網頁... 123
格式化標題和段落... 125
格式化列表... 127
添加最后一筆... 130

第7章：Margin，Padding和Border 133

理解盒模型（Box Model）... 133
用Margin和Padding控制空間... 135
Margin和Padding快捷... 136
邊距碰撞... 137
用負數邊距去除空格... 138
顯示行內和塊級方框... 140
添加邊框線... 141
Border屬性快捷... 143
格式化個別邊框線... 143
給背景添加顏色... 145
決定高度（height）和寬度（width）... 146
計算一個方框的實際寬度和高度... 147
用Overflow（溢出）屬性控制溢出文本... 148
修復IE 5斷裂的盒模型... 150
用浮動元素包圍內容... 152
Background（背景），Border（邊框線）和Float（浮動）... 154
停止浮動... 155
教程：Margin、Background和Border. 158
控制網頁邊距（Margin）... 158
調整標簽四周的空間... 160
用背景和邊框強調文本... 161
創建工具條... 163
修復瀏覽器Bug. 166
更進一步... 169

第8章：給網頁添加圖片.... 171

CSS和<img>標簽... 171
背景圖片... 172
控制重復... 175
定位背景圖片... 176
要害字... 177
精確值... 179
Percentage（百分比）值... 179
固定圖片... 181
使用background屬性的快捷方式... 182
教程：創建相冊... 183
給圖片裝上邊框... 184
添加說明... 186
建立相冊... 188
添加陰影... 193
教程：使用背景圖片... 195
給網頁背景添加圖片... 196
用圖片代替邊框... 200
給無序列表使用圖片... 201
給工具條添加圓角... 203
創建外部樣式表... 206

第9章：裝飾網站導航.... 209

選擇要定義樣式的鏈接... 209
理解鏈接狀態... 209
鎖定特定鏈接... 211
為鏈接定義樣式... 212
給鏈接添加下劃線... 212
創建按鈕... 214
使用圖片... 216
創建導航欄... 218
使用無序列表... 218
垂直導航欄... 219
水平的導航欄... 222
高級的鏈接方法... 227
很大的可點擊按鈕... 227
CSS型的預載翻轉圖片... 229
滑動門... 231
教程：給鏈接定義樣式... 233
基本的鏈接格式... 233
給鏈接添加背景圖片... 235
高亮突顯外部鏈接... 237
標識已訪問的網頁... 239
創建垂直的導航欄... 239
添加翻轉效果并創建“你在此處”的鏈接... 243
修復IE的bug. 246
從垂直到水平... 247

第10章：格式化表格和表單... 251

正確使用表格... 251
給表格定義樣式... 253
添加Padding. 254
調整垂直和水平排列... 254
創建邊框... 256
給行和列定義樣式... 256
給表單定義樣式... 259
HTML表單元素... 260
利用CSS布局表單... 262
教程：給表格定義樣式... 264
教程：給表單定義樣式... 268

第3部分：CSS布局
第11章：建立基于浮動的布局.... 277

CSS布局如何進行... 277
強大的<div>標簽... 278
網頁布局類型... 279
浮動布局的基礎... 280
給布局應用浮動... 284
浮動所有列... 285
在浮動里面浮動... 286
利用負邊距來定位元素... 287
克服浮動問題... 292
清除和保持浮動... 293
創建全高度的列... 297
防止浮動下落... 299
處理Internet Explorer的bug. 302
雙邊距bug. 302
3px的間隙... 304
其它IE問題... 306
教程：多個列的布局... 307
創建HTML架構... 307
創建布局樣式... 308
添加另一列... 309
添加一個“Faux列” 311
固定寬度... 313
教程：負邊距布局... 314
居中一個布局... 314
浮動列... 318
最后的調整... 322

第12章：定位網頁上的元素.... 325

定位屬性如何工作... 326
設置定位值... 328
當絕對定位相對時... 332
何時（以及何處）使用相對定位... 333
堆疊元素... 336
隱藏網頁的有些部分... 337
強大的定位策略... 337
在元素內部定位... 339
元素突出方框... 340
給網頁布局使用CSS定位... 341
使用固定定位創建CSS型框架... 345
教程：定位網頁元素... 350
增強頁面橫幅... 350
給照片添加說明... 354
布局網頁... 357

第4部分：高級的CSS
第13章：用于打印頁面的CSS.. 365

Media樣式表如何工作？... 365
如何添加媒體樣式表... 367
給外部樣式表指定媒體類型... 367
在樣式表內部指定媒體類型... 368
創建打印樣式表... 369
利用!important來使屏顯樣式失效... 369
重寫文本樣式... 370
為打印定義背景樣式... 371
隱藏不要的頁面區域... 373
給打印添加分頁符... 374
教程：創建一個打印樣式表... 376
去除不需要的網頁元素... 376
去除背景并調整布局... 378
重設文本格式... 379
顯示logo. 380
顯示URL. 380

第14章：改進你的CSS習慣.... 383

添加注釋... 383
組織樣式和樣式表... 384
清楚地給樣式命名... 384
使用多個類來節省時間... 385
通過分組來組織樣式... 387
使用多個樣式表... 388
消除瀏覽器樣式沖突... 390
使用派生選擇器... 394
劃分網頁... 394
標識主體（Body）... 396
治理Internet Explorer的Hack. 398
優先為當代的瀏覽器設計... 398
用條件注釋為IE隔離CSS 399

第5部分：附錄

附錄A：CSS屬性參考.............. 405
附錄B：Dreamweaver 8中的CSS...................... 433
附錄C：CSS資源........................ 455
索引........................ 463