介紹:
本書結合大量范例與實際應用的實例，詳細介紹了w3c發布的層疊樣式表css2.1規范，瀏覽器對于css 2.1規范解釋的異同，以及使用xhtml和層疊樣式表對網頁進行結構化與美化的實際制作方法。本書內容由淺入深，不僅介紹了web標準和層疊樣式表的各個屬性，還結合實例對屬性的實際應用進行講解，同時配合在不同瀏覽器內的效果展示，針對讀者實際制作中可能遇到的問題，提供了解決問題的思路和方法。
本書適用于希望系統學習css的初學者，也適用于從事網頁設計制作和網站建設的從業人員，也可以作為各大中專院校相關專業的教學輔導和參考用書，或作為相關培訓機構的培訓教材。
目錄:
第1部分 web標準
第1章 web標準概述 2
1.1 web標準概述 3
1.2 表現與結構的分離 3
1.3 易用性 4
1.4 難點所在 5
1.4.1 div+css不等于web標準 5
1.4.2 正確使用xhtml標簽 5
1.4.3 表格本身并沒有被拋棄 6
1.4.4 善于利用css 6
1.4.5 不要濫用class 6
1.4.6 應對瀏覽器 6
1.4.7 “通過驗證”并不是最終目的 7
1.5 seo簡介 7
第2章 結構與xhtml 9
2.1 理解結構與表現 10
2.1.1 內容 10
2.1.2 結構(structure) 11
2.1.3 表現(presentation) 11
2.1.4 行為(behavior) 12
2.2 從html到xhtml 12
2.2.1 html簡史 12
2.2.2 html的缺點 13
2.2.3 從html到xhtml 14
2.3 理解(x)html標簽的語義 18
2.3.1 (x)html與瀏覽器默認樣式 18
2.3.2 常用的xhtml標簽和屬性 19
2.3.3 (x)html各個元素對搜索引擎的權重比例 27
2.4 網站整體制作基本流程 27
2.4.1 總體流程與分工 27
2.4.2 靜態頁面制作 28
第2部分 層疊樣式表css
第3章 css入門 31
3.1 css簡介 32
3.1.1 起源 32
3.1.2 神奇的css 32
3.1.3 css與html 33
3.1.4 css與瀏覽器 34
3.1.5 css 2.1與css 2 34
3.2 css的使用方法 34
3.2.1 行內式樣式(iinline style) 35
3.2.2 嵌入式樣式表(embedded style sheets) 35
3.2.3 外部樣式表(link style sheets) 35
3.2.4 導入式樣式表 37
3.2.5 應用 38
3.2.6 維護和組織樣式表 38
3.3 基本樣式規則 39
3.3.1 基本語法 39
3.3.2 繼承與層疊 40
3.3.3 分組 40
3.3.4 注釋 41
3.3.5 縮寫 41
3.3.6 注意事項 43
3.4 元素類型 43
3.4.1 替換和不可替換元素 44
3.4.2 顯示元素 44
3.5 媒體類型 45
3.5.1 指定媒體相關的樣式表 45
3.5.2 媒體組 45
第4章 文檔結構與選擇器 47
4.1 文檔結構 48
4.2 css選擇器 49
4.2.1 通配選擇器(universal selector) 49
4.2.2 類型選擇器(type selectors) 49
4.2.3 id選擇器(id selectors) 50
4.2.4 類選擇器(class selectors) 50
4.2.5 包含選擇器(descendant selectors) 51
4.2.7 相鄰兄弟選擇器(adjacent sibling selectors) 52
4.2.8 屬性選擇器(attribute selectors) 53
4.3 偽類與偽元素 56
4.3.1 偽類(pseudo-classes) 56
4.3.2 偽元素(pseudo-elements) 59
4.3.3 注意 61
4.4 指定值、計算值和實際值 62
4.5 繼承 63
4.5.1 值的繼承 62
4.5.2 “inherit”值 63
4.5.3 繼承的局限性 63
4.6 層疊 64
4.6.1 層疊的順序 64
4.6.2 特殊性的計算 65
4.6.3 繼承和特殊性 65
4.6.4 重要性 66
4.6.5 非css的表現類內容 66
4.7 css 3新增選擇器前瞻 67
4.7.1 更多的屬性選擇器 67
4.7.2 普通兄弟選擇器 68
4.7.3 結構偽類(structural pseudo-classes) 69
4.7.4 ui元素偽類和偽元素 70
4.7.5 其他偽類 70
4.8 命名規范 71
4.9 選擇器綜合運用 72
第5章 單位和值 74
5.1 顏色[color] 75
5.1.1 顏色關鍵字 75
5.1.2 rgb顏色 75
5.1.3 關鍵字transparent 77
5.1.4 網頁安全色(web-safe colors) 77
5.2 整數值[integer]和實數值[number] 78
5.3 長度[length] 78
5.3.1 格式 78
5.3.2 長度單位 78
5.3.3 應用 80
5.4 百分比[percentage] 80
5.5 關鍵字 81
5.6 字符串[string] 81
5.7 url+urn=uri 81
5.8 其他值 82
5.8.1 記數器[counter] 82
5.8.2 角度[angle] 82
5.8.3 時間[time] 83
5.8.4 頻率[frequency] 83
5.9 不支持的值的處理 83
第6章 字體 84
6.1.1 語法 85
6.1.2 常用字體系列 85
6.2 字體尺寸：font-size屬性 87
6.2.1 語法 87
6.2.2 絕對尺寸 88
6.2.3 相對尺寸 89
6.2.4 百分比和em 89
6.2.5 尺寸的繼承與瀏覽器的顯示 90
6.2.6 分辨率與彈性設計 91
6.3 字體磅值：font-weight屬性 91
6.3.1 語法 92
6.3.2 繼承 92
6.3.3 瀏覽器顯示原理 93
6.4 字體樣式：font-style屬性 94
6.5 字體變形：font-variant屬性 95
6.6 縮寫的字體屬性：font屬性 95
6.6.1 語法 95
6.6.2 注意 96
6.6.3 系統字體 97
6.7 調整與拉伸 98
6.7.1 字體調整：font-size-adjust屬性 98
6.7.2 字體伸展：font-stretch屬性 99
6.8 字體匹配原理 99
6.8.1 字體的匹配步驟 99
6.8.2 設定字體集的注意事項 100
6.8.3 字體的選擇 100
6.8.4 font-face規則 101
第7章 文本 102
7.1 文本水平對齊：text-align屬性 103
7.1.1 語法 103
7.1.2 適用于：塊級元素 103
7.1.3 繼承 104
7.1.4 應用：整體居中 104
7.2 文本縮進：text-indent屬性 105
7.2.1 語法 106
7.2.2 正值縮進 106
7.2.3 負值縮進 107
7.2.4 應用：隱藏單行文字 107
7.3 行高：line-height屬性 108
7.3.1 語法 108
7.3.2 內容區域、行內框和行框 109
7.3.4 瀏覽器的差別與錯誤 111
7.3.5 應用：單行文字在垂直方向居中 112
7.4 垂直對齊：vertical-align屬性 112
7.4.1 語法 112
7.4.2 屬性值詳解 113
7.4.3 奇怪的ie 116
7.4.4 文檔類型與純圖片內容的垂直對齊 116
7.4.5 單元格的垂直對齊 118
7.5 單詞間隔(word-spacing)和字母間隔(letter-spacing) 119
7.5.1 單詞間隔：word-spacing屬性 119
7.5.2 字母間隔：letter-spacing屬性 120
7.5.3 水平對齊的影響和繼承 120
7.6 文本轉換：text-transform屬性 121
7.7 文本裝飾：text-decoration屬性 121
7.8 空白：white-space屬性 123
7.8.1 語法 123
7.8.2 屬性值詳解 123
7.8.3 應用：顯示不回行文本 124
7.9 文本陰影：text-shadow屬性 125
7.10 文字方向direction和編碼方式unicode-bidi 126
第8章 框模型 128
8.1框模型(box model) 129
8.2 包含塊(containing block) 131
8.2.1 視口(viewport) 131
8.2.2 包含塊 131
8.3 寬度：width屬性 133
8.3.1 語法 133
8.3.2 行內元素的寬度 134
8.3.3 長度和百分比 135
8.4 最大寬度(max-width)和最小寬度(min-width) 136
8.5 高度：height屬性 137
8.5.1 語法 137
8.5.2 行內元素的高度 138
8.6 最大高度(max-height)和最小高度(min-height) 138
8.7 補白：padding屬性 140
8.7.1 縮寫屬性：padding 140
8.7.2 補白、寬度和高度 141
8.7.3 百分比值補白 141
8.8 邊框：border屬性 142
8.8.1 邊框顏色 142
8.8.2 邊框寬度 143
8.8.3 邊框樣式 144
8.8.4 不同方向的邊框屬性縮寫 146
8.8.5 縮寫屬性border 146
8.8.6 行內元素的邊框 147
8.8.7 應用：文字鏈接的裝飾 147
8.9 邊距：margin屬性 148
8.9.1 水平方向的邊距：margin-left屬性和margin-right屬性 149
8.9.2 垂直方向的邊距：margin-top屬性和margin-bottom屬性 150
8.9.3 百分比值邊距 153
8.9.4 負值邊距 154
8.9.5 應用：元素水平居中 155
8.10 常規流向中的視覺格式化 156
8.10.1 塊級元素的水平格式化 156
8.10.2 應用：寬度自適應的布局 160
8.10.3 塊級元素的垂直格式化 161
8.10.4 應用：高度自適應瀏覽器窗口 163
8.10.5 行內元素的格式化 164
第9章 浮動、定位與視覺格式化模型 167
9.1 視覺格式化模型控制框的生成 168
9.1.1 塊框的生成(block box) 168
9.1.2 行內框(inline box) 169
9.1.3 插入框(run-in box) 170
9.2 顯示類型：display屬性 170
9.2.1 語法 171
9.2.2 應用：顯示或隱藏元素 173
9.3 定位 174
9.3.1 選擇定位方式：position屬性 174
9.3.2 設定框偏移：top、right、bottom、left屬性 174
9.3.3 相對定位 176
9.3.4 絕對定位 178
9.3.5 堆疊順序：z-index屬性 191
9.3.6 ie中的position 194
9.3.7 應用：顯示提示內容 195
9.4 浮動與清除 197
9.4.1 設定浮動：float屬性 197
9.4.2 浮動元素的視覺格式化內容 198
9.4.3 清除浮動：clear屬性 204
9.4.4 應用：3行3列布局設計 207
9.6 溢出和剪切 209
9.6.1 溢出：overflow屬性 210
9.6.2 剪切：clip屬性 212
9.6.3 clip與overflow屬性的關系 214
9.7 可視性：visibility屬性 215
9.7.1 屬性值詳解 215
9.7.2 應用：顯示及隱藏元素 216
第10章 顏色與背景 217
10.1 顏色基礎 218
10.2 前景色：color屬性 219
10.2.1 鏈接 220
10.2.2 邊框 221
10.2.3 表單元素 221
10.3 背景 222
10.3.1 背景顏色：background-color屬性 222
10.3.2 背景圖片：background-image屬性 223
10.3.3 背景圖片重復：background-repeat屬性 224
10.3.4 背景圖片附屬：background-attachment屬性 225
10.3.5 背景圖片定位：background-position屬性 226
10.3.6 縮寫屬性：background 230
10.3.7 [html]元素的背景 231
10.4 應用 232
10.4.1 靈活使用背景 232
10.4.2 模擬邊框 233
10.4.3 簡單的鏈接背景替換 237
10.4.4 導航菜單的滑動門效果 239
第11章 表格 244
11.1 表格的標簽與屬性 245
11.1.1 標簽概覽 245
11.1.2 (x)html屬性 248
11.2 css的表格模型 251
11.2.1 表格模型概述 251
11.2.2 display屬性 251
11.2.3 匿名表格對象 253
11.2.4 列 253
11.3 表格的視覺格式化 254
11.3.1 匿名框、標題框與表格框 254
11.3.2 標題的定位：caption-side屬性 254
11.3.3 表格內容的視覺布局 255
11.3.4 表格的層和透明性 256
11.3.5 表格寬度算法：table-layout屬性 258
11.3.6 表格高度 263
11.3.7 單元格內容的對齊 264
11.4 單元格邊框：border-collapse屬性 266
11.4.1 分離的邊框模型 267
11.4.2 重合的邊框模型 269
11.4.3 邊框樣式 272
第12章 列表和生成的內容 273
12.1 列表 274
12.1.1 列表樣式類型：list-style-type屬性 274
12.1.2 列表樣式圖片：list-style-image屬性 276
12.1.3 列表樣式定位：list-style-position屬性 277
12.1.4 列表樣式縮寫：list-style屬性 278
12.1.5 瀏覽器對列表的表現與樣式的繼承 278
12.2 生成的內容 280
12.2.1 :before和:after偽元素 281
12.2.2 生成內容：content屬性 281
12.2.3 自動記數和編號 285
第13章 用戶界面 291
13.1 鼠標指針：cursor屬性 292
13.1.1 關鍵字 292
13.1.2 圖片鼠標指針 293
13.2 系統字體和顏色 294
13.2.1 系統字體 294
13.2.2 系統顏色 295
13.3 動態的外廓：outline屬性 296
13.3.1 外廓與邊框的區別 296
13.3.2 外廓寬度：outline-width屬性 297
13.3.3 外廓樣式：outline-style屬性 297
13.3.4 外廓顏色：outline-color屬性 298
13.3.5 縮寫：outline屬性 298
13.3.6 外廓與焦點 299
第14章 頁面媒體 300kv
14.1頁面媒體簡介 301
14.2 指定媒體類型 301
14.3 頁框：page規則 302
14.3.1 頁邊距 302
14.3.2 頁面選擇器 303
14.4 分頁 304l
14.4.1 元素前后分頁：page-break-before和page-break-after屬性 304
14.4.2 元素內部分頁：page-break-inside屬性 306
14.4.3 元素內的分割：orphans和widows屬性 306
14.4.4 分頁的規則 308
14.5 css 2中的屬性 309
14.5.1 頁框尺寸：size屬性 309
14.5.2 裁切標記：marks屬性 310
14.5.3 使用命名的頁：page屬性 310
14.6 顯示器、打印機和投影 310
14.6.1 設備特點 311
14.6.2 設計要點 311
第15章 聽覺樣式表 313
15.1 聽覺(aural)類型與語音(speech)類型 314
15.1.1 鏈接聽覺樣式的特點 314
15.1.2 與聽覺屬性相關的值 314
15.2 音量屬性：volume屬性 314
15.3 發音：speak屬性 315
15.4 暫停：pause-before、pause-after和pause屬性 316
15.5 提示：cue-before、cue-after和cue屬性 317
15.6 混音：play-during屬性 318
15.7 空間：azimuth和elevation屬性 318
15.8 語音特征屬性 320
15.9 語音：speak-punctuation和speak-numeral屬性 323
15.10 敘述表頭：speak-header屬性 323
第16章 瀏覽器與hack 325
16.1 瀏覽器簡介 326
16.1.1 瀏覽器的發展 326
16.1.2 瀏覽器的解釋引擎 326
16.1.3 瀏覽器的工作模式 327
16.2 windows ie 329
16.2.1 haslayout屬性 329
16.2.2 條件注釋 338
16.3 常用的css hack 339
16.3.1 css hack原理 339
16.3.2 css hack不是必須的 340
16.3.3 常用的css hack 340
16.4 發現與解決問題 343
16.4.1 排查問題 343
16.4.2 常見的非bug問題 344
16.4.3 windows ie常見bug 347
第3部分 結構化實例
第17章 旅游網站 356
17.1 結構化 357
17.1.1 分析內容結構 357
17.1.2 基本結構 358
17.1.3 頁首部分的結構化 359
17.1.4 中間部分的結構化 361
17.1.5 頁腳部分的結構化 368
17.2 圖片格式與網絡基礎知識 369
17.2.1 圖片格式 369
17.2.2 圖片與優化 370
17.3 css美化 371
17.3.1 整體分析 371
17.3.2 header層 377
17.3.3 logo層 378
17.3.4 mainnav層 378
17.3.5 login層 381
17.3.6 controlmenu層 385
17.3.7 main層 394
17.3.8 travels層 395
17.3.9 hot層 399
17.3.10 ad1層 403
17.3.11 photos層 402
17.3.12 forumlist層 404
17.3.13 forumhot層 405
17.3.14 club層 410
17.3.15 vote層和community層 412
17.3.16 footer層 413
17.4 版式與結構 415
17.5 小結 416
