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


　　作者：David Sawyer McFarland
　　譯者：俞黎敏
　　電子工業(yè)出版社
　　預(yù)訂中 估價(jià) （還未正式上市發(fā)行） 點(diǎn)此預(yù)訂

關(guān)于作者和譯者：

　　DavidcSawyercMcFarland是位于俄勒岡州波特蘭的一家網(wǎng)站開(kāi)發(fā)和培訓(xùn)公司即SawyercMcFarlandcMedia,cInc.的總裁.他從1995年開(kāi)始創(chuàng)建網(wǎng)站,1當(dāng)時(shí)他設(shè)計(jì)的第一個(gè)網(wǎng)站是針對(duì)通訊專家的一本在線雜志.他曾經(jīng)是位于伯克利的加利福尼亞大學(xué)和伯克利多媒體研究中心的網(wǎng)站治理員,并對(duì)Macworld.com基于CSS驅(qū)動(dòng)的重新設(shè)計(jì)進(jìn)行了完整的監(jiān)控.

　　除了創(chuàng)建網(wǎng)站之外,David還是一位作家.培訓(xùn)師和講師.他在加利福尼亞大學(xué)伯克利新聞研究所.電子藝術(shù)中心.藝術(shù)大學(xué)研究院.新媒體非印刷中心,以及波蘭國(guó)家大學(xué)傳授網(wǎng)站設(shè)計(jì).他給PracticalcWebcDesign.c MXcDeveloper'scJournal. Macworldcmagazine和CreativePro.com撰寫(xiě)關(guān)于網(wǎng)站的文章.

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

書(shū)籍目錄：

The Missing的榮譽(yù)... I
簡(jiǎn)介.. 1
第1部分：CSS基礎(chǔ)知識(shí)

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

HTML：過(guò)去和現(xiàn)在... 15
HTML的過(guò)去：一切看起來(lái)都好... 16
HTML的現(xiàn)在：CSS的腳手架... 17
為CSS寫(xiě)HTML.. 18
思考布局結(jié)構(gòu)... 18
學(xué)習(xí)兩種新的HTML標(biāo)簽... 18
可以遺忘的HTML. 20
在網(wǎng)站上引導(dǎo)訪問(wèn)者的技巧... 21
Doctype（文檔類型）的重要性... 24

第2章：創(chuàng)建樣式和樣式表.... 27

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

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

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

第4章：利用繼續(xù)節(jié)省時(shí)間.... 71

什么是繼續(xù)... 71
繼續(xù)怎樣使樣式表簡(jiǎn)化并更有效... 72
繼續(xù)的局限性... 72
教程：繼續(xù)... 75
一個(gè)基本的例子：一級(jí)繼續(xù)... 75
利用繼續(xù)重新定義整張網(wǎng)頁(yè)的樣式... 76
繼續(xù)不起作用... 78

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

樣式如何層疊... 82
繼續(xù)的樣式累積... 82
最近的祖先樣式勝出... 82
直接應(yīng)用的樣式勝出... 83
一個(gè)標(biāo)簽，多個(gè)樣式... 84
特性：哪種樣式勝出... 86
平局修正器：最后一個(gè)樣式勝出... 87
控制層疊... 89
改變特性... 89
選擇性地超越... 89
教程：層疊實(shí)戰(zhàn)... 91
創(chuàng)建混合樣式... 92
結(jié)合層疊和繼續(xù)... 93
征服沖突... 94

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

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

第7章：Margin，Padding和Border 133

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

第8章：給網(wǎng)頁(yè)添加圖片.... 171

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

第9章：裝飾網(wǎng)站導(dǎo)航.... 209

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

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

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

第3部分：CSS布局
第11章：建立基于浮動(dòng)的布局.... 277

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

第12章：定位網(wǎng)頁(yè)上的元素.... 325

定位屬性如何工作... 326
設(shè)置定位值... 328
當(dāng)絕對(duì)定位相對(duì)時(shí)... 332
何時(shí)（以及何處）使用相對(duì)定位... 333
堆疊元素... 336
隱藏網(wǎng)頁(yè)的有些部分... 337
強(qiáng)大的定位策略... 337
在元素內(nèi)部定位... 339
元素突出方框... 340
給網(wǎng)頁(yè)布局使用CSS定位... 341
使用固定定位創(chuàng)建CSS型框架... 345
教程：定位網(wǎng)頁(yè)元素... 350
增強(qiáng)頁(yè)面橫幅... 350
給照片添加說(shuō)明... 354
布局網(wǎng)頁(yè)... 357

第4部分：高級(jí)的CSS
第13章：用于打印頁(yè)面的CSS.. 365

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

第14章：改進(jìn)你的CSS習(xí)慣.... 383

添加注釋... 383
組織樣式和樣式表... 384
清楚地給樣式命名... 384
使用多個(gè)類來(lái)節(jié)省時(shí)間... 385
通過(guò)分組來(lái)組織樣式... 387
使用多個(gè)樣式表... 388
消除瀏覽器樣式?jīng)_突... 390
使用派生選擇器... 394
劃分網(wǎng)頁(yè)... 394
標(biāo)識(shí)主體（Body）... 396
治理Internet Explorer的Hack. 398
優(yōu)先為當(dāng)代的瀏覽器設(shè)計(jì)... 398
用條件注釋為IE隔離CSS 399

第5部分：附錄

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