中文名: 徹底設計研究css
作者: 溫謙
圖書分類: 軟件
資源格式: PDF
版本: 掃描版
出版社: 人民郵電出版社
書號: 9787115172969
發行時間: 2008年02月01日
地區: 大陸
語言: 簡體中文
簡介:
所供資源均網上搜集或網友提供.並僅供私下交流學習之用,版權依然由原屬機構或個人所有,任何涉及商業盈利目的均不得使用,否則產生的一切後果將由您自己承擔,若無意中侵犯了您的版權，請來信指出我會立即會做出您滿意的處理

點此注冊
口說無憑這是一本關於免殺的書籍供大家測試一下這個網盤的速度

《殺不死的小冊子完整版》
點此測試
最近有網友對我說網上已經有不少網友和網站采集了我的資源,但是請大家在充分享受互聯網帶來的共享的便利的同時請您著名出處,為了保證您下載的資源是無毒安全的請您到我的新浪博客下載-------博客地址http://blog.sina.com.cn/ckook
或者電驢官方地址 http://www.ed2000.com/ShowFile.asp?vid=2854634

內容簡介
本書是一本深入研究和揭示CSS設計技術的書籍。本書在透徹地講解CSS核心技術的基礎上，深入到各個實際應用領域中，充分向讀者演示了如何使用CSS的各項技術，實現令人眩目的網頁布局和效果。
　　本書詳細介紹了CSS核心基礎、盒子模型等知識，力求把道理和方法講清楚，采用了“探索式”的講解方法，對於一個問題，例如標准流、浮動、定位等規律，均通過一系列動手實驗，使讀者自己就能夠非常自然地得出結論，使讀者不但知其然，而且還知其所以然。
在本書中對設計中常用的網頁元素和布局方式都給出詳細的分類和歸納，並講解了完整的解決方法，主要包括各種導航菜單(水平的、豎直的、固定寬度的、自適應寬度的、下拉的等)，Tab面板、伸縮面板和折迭面板，以及各種形式的分列布局(固定寬度的、變化寬度的、固定寬度與變化寬度結合的)，等等。這樣讀者在理解了方法的基礎上，可以直接將案例用在自己的設計中的，只需要按照所需進行修改即可。
　　本書適合需要使用CSS的Web 設計人員和開發人員閱讀，最好具備一定的HTML和網頁設計制作基礎。

目錄:
第1章 (X)HTML與CSS核心基礎 1
1.1 HTML與XHTML 2
1.1.1 追根溯源 2
1.1.2 DOCTYPE(文檔類型)的含義與選擇 3
1.1.3 XHTML與HTML的重要區別 4
1.2 (X)HTML與CSS 6
1.2.1 CSS標准簡介 6
1.2.2 在HTML中引入CSS的方法 7
1.3 基本CSS選擇器 10
1.3.1 標記選擇器 11
1.3.2 類別選擇器 12
1.3.3 ID選擇器 15
1.4 復合選擇器 16
1.4.1 “交集”選擇器 16
1.4.2 “並集”選擇器 18
1.4.3 後代選擇器 20
1.5 CSS的繼承特性 22
1.5.1 繼承關系 22
1.5.2 CSS繼承的運用 24
1.6 CSS的層迭特性 26
1.7 本章小結 28
第2章 “CSS禅意花園”作品鑒賞 29
2.1 “CSS禅意花園”簡介 30
2.2 郊野——兩列布局 33
2.3 像素畫——三列布局 34
2.4 百合池塘——三列布局變體 35
2.5 郁金香——多列布局 36
2.6 日與夜——包含圓角的設計 36
2.7 Si6——包含傾斜的設計 38
2.8 清茶時光——裝飾性設計 39
2.9 愛之空氣——流體布局 40
2.10 谷香——食品主題設計 41
2.11 城市——建築主題設計 41
2.12 “卡通版”禅意花園——特色效果 42
2.13 收音機——特色效果 43
2.14 殺手風格——特色效果 44
2.15 海底世界——特色效果 45
2.16 博物館——特色設計 47
2.17 劇院效果——特色效果 48
2.18 本章小結 48
第3章 深入理解盒子模型3 49
3.1 盒子的內部結構 50
3.2 邊框(border) 51
3.2.1 實驗1——border-style 52
3.2.2 屬性值的簡寫形式 53
3.2.3 實驗2——屬性的縮寫形式 54
3.2.4 實驗3——邊框與背景 55
3.3 內邊距(padding) 56
3.4 外邊距(margin) 57
3.5 盒子之間的關系 59
3.5.1 HTML與DOM 59
3.5.2 標准文檔流 62
3.5.3 div標記與span標記 63
3.6 盒子在標准流中的定位原則 65
3.6.1 實驗1——行內元素之間的水平margin 66
3.6.2 實驗2——塊級元素之間的豎直margin 67
3.6.3 實驗3——嵌套盒子之間的margin 68
3.6.4 實驗4——將margin設置為負值 70
3.7 CSS中的幾何題 71
3.8 本章小結 74
第4章 盒子的浮動與定位4 75
4.1 盒子的浮動 76
4.1.1 准備代碼 76
4.1.2 實驗1——設置第1個浮動的div 77
4.1.3 實驗2——設置第2個浮動的div 78
4.1.4 實驗3——設置第3個浮動的div 79
4.1.5 實驗4——改變浮動的方向 79
4.1.6 實驗5——再次改變浮動的方向 80
4.1.7 實驗6——全部向左浮動 81
4.1.8 實驗7——使用clear屬性清除浮動的影響 82
4.1.9 實驗8——擴展盒子的高度 83
4.2 盒子的定位 84
4.2.1 static(靜態定位) 85
4.2.2 relative(相對定位) 86
4.2.3 absolute(絕對定位) 90
4.2.4 fixed(固定定位) 97
4.3 z-index空間位置 97
4.4 盒子的display屬性 97
4.5 本章小結 99
第5章 文字與圖像 101
5.1 CSS文字樣式 102
5.1.1 准備網頁 102
5.1.2 設置字體 103
5.1.3 文字大小 104
5.1.4 行高 106
5.1.5 文字顏色與背景顏色 108
5.1.6 文字加粗、傾斜與大小寫 109
5.1.7 文字的裝飾效果 110
5.1.8 文字的水平對齊方式與段首縮進設置 111
5.1.9 文字布局 111
5.1.10 段落的垂直對齊方式 112
5.2 CSS圖像樣式 115
5.2.1 基本設置 115
5.2.2 背景圖像 116
5.2.3 標題的圖像替換 120
5.2.4 為圖像增加投影效果 125
5.3 本章小結 133
第6章 鏈接與導航 135
6.1 豐富的超鏈接特效 136
6.1.1 動態超鏈接 136
6.1.2 按鈕式超鏈接 137
6.1.3 CSS控制鼠標指針 139
6.1.4 浮雕背景超鏈接 140
6.1.5 讓下劃線動起來 143
6.2 項目列表 144
6.2.1 列表的符號 144
6.2.2 圖片符號 146
6.3 簡單的導航菜單 148
6.3.1 簡單的豎直排列菜單 148
6.3.2 橫豎自由轉換菜單 151
6.4 本章小結 152
第7章 豎直排列的導航菜單 153
7.1 雙豎線菜單 154
7.1.1 HTML框架 154
7.1.2 設置容器的CSS樣式 155
7.1.3 設置菜單項的CSS樣式 156
7.1.4 解決出現的問題 157
7.2 雙斜角橫線菜單 160
7.2.1 基本設置 161
7.2.2 菜單項設置 162
7.3 立體菜單 163
7.3.1 基本設置 164
7.3.2 菜單項設置 164
7.4 箭頭菜單 166
7.4.1 基本思路 166
7.4.2 基本設置 168
7.4.3 設置箭頭效果 169
7.5 帶說明信息的菜單 172
7.5.1 基本思路 172
7.5.2 設置方法 173
7.6 本章小結 175
第8章 水平導航菜單 177
8.1 自適應的水平菜單 178
8.2 自適應的斜角水平菜單 180
8.2.1 基本思路 180
8.2.2 基本設置 181
8.2.3 設置斜角效果 182
8.2.4 設置鼠標經過效果 184
8.3 應用滑動門技術的玻璃效果菜單 185
8.3.1 基本思路 185
8.3.2 設置菜單整體效果 186
8.3.3 使用“滑動門”技術設置玻璃材質背景 187
8.3.4 進一步解決的問題 189
8.4 三狀態玻璃效果菜單(雙層滑動門應用) 192
8.4.1 設置菜單整體效果 192
8.4.2 設置第一層滑動門 193
8.4.3 設置第二層滑動門 195
8.4.4 設置表示當前頁面的菜單項 195
8.4.5 進一步解決的問題 196
8.5 不使用圖像的圓角菜單 197
8.5.1 實現圓角效果 197
8.5.2 用列表進行改造 200
8.5.3 設置鼠標響應效果 202
8.6 會跳起的多彩菜單 203
8.6.1 實現跳起效果 203
8.6.2 實現多彩效果 205
8.6.3 本案例的完整代碼 206
8.6.4 實現向下彈出效果 210
8.7 本章小結 211
第9章 下拉菜單 213
9.1 HTML中的dl、dt和dd標記 214
9.2 菜單的HTML結構 215
9.3 對整體進行設置 216
9.4 對dl進行設置 217
9.5 對主菜單項(dt)進行設置 218
9.6 對子菜單項(dd)進行設置 219
9.7 對鼠標響應進行設置 220
9.8 實現主菜單項的不同顏色 222
9.9 IE 6兼容 223
9.10 本章小結 227
第10章 表格也精彩 229
10.1 控制表格 230
10.1.1 表格中的標記 230
10.1.2 表格的邊框 232
10.1.3 表格寬度的確定 236
10.1.4 其他與表格相關的標記 236
10.2 美化表格 237
10.2.1 搭建HTML結構 238
10.2.2 整體設置 239
10.2.3 設置單元格樣式 239
10.2.4 隔行變色 240
10.2.5 設置列樣式 241
10.3 鼠標指針經過時整行變色提示的表格 243
10.3.1 搭建HTML結構 244
10.3.2 在Firefox和IE 7中實現鼠標指針經過時整行變色 245
10.3.3 在IE 6中實現鼠標指針經過時整行變色 246
10.4 Excel方式二維變色提示的表格 247
10.4.1 改造CSS代碼 247
10.4.2 改造JavaScript代碼 248
10.5 多視圖模式日歷案例概述 250
10.6 制作中視圖模式 253
10.6.1 搭建HTML結構 253
10.6.2 設置整體樣式和表頭樣式 254
10.6.3 設置日歷單元格樣式 255
10.6.4 總結經驗 258
10.7 制作小視圖模式 259
10.7.1 整體設置 259
10.7.2 為IE 7和Firefox制作鼠標指針經過時彈出的信息框 260
10.7.3 為IE 6制作鼠標指針經過時彈出的信息框 263
10.8 制作大視圖模式 265
10.8.1 通過display屬性改變盒子的類型 265
10.8.2 設置日程安排項目 267
10.9 本章小結 269
第11章 圓角設計 271
11.1 圓角框的作用 272
11.2 固定寬度圓角框 273
11.2.1 兩背景圖像法 273
11.2.2 使用透明背景圖 276
11.2.3 帶邊框的固定寬度圓角框 277
11.2.4 單背景圖像的帶邊框固定寬度圓角框 279
11.3 不固定寬度的圓角框 281
11.3.1 不固定寬度圓角框的含義 281
11.3.2 “4圖像”單色不固定寬度圓角框 282
11.3.3 “4圖像滑動門”單色不固定寬度圓角框 285
11.4 “5圖像”二維滑動門經典圓角框 288
11.4.1 准備圖像 289
11.4.2 搭建HTML結構 290
11.4.3 放置背景圖像 291
11.4.4 設置樣式並修復缺口 292
11.4.5 在整體頁面中使用圓角框 294
11.4.6 實現網頁換膚 296
11.5 本章小結 299
第12章 應用Spry制作高級網頁組件 301
12.1 Tab菜單與Tab面板簡介 302
12.2 Tab菜單 303
12.2.1 搭建HTML結構 303
12.2.2 設置整體的樣式 304
12.2.3 設置Tab的樣式 304
12.2.4 設置當前頁的Tab樣式 306
12.3 借助於Spry實現Tab面板 307
12.3.1 建立基本的Tab面板 308
12.3.2 准備背景圖片 310
12.3.3 設置整體的CSS樣式 310
12.3.4 設置單個Tab的CSS樣式 311
12.3.5 設置單個Tab的滑動門背景 312
12.3.6 設置鼠標經過效果 313
12.3.7 設置當前頁效果 314
12.3.8 設置Tab頁內容的CSS樣式 315
12.3.9 鼠標經過時換頁 316
12.4 折迭面板 317
12.4.1 建立基本的折迭面板 317
12.4.2 准備背景圖片 318
12.4.3 整體設置 318
12.4.4 設置折迭面板的標題 319
12.4.5 設置折迭面板的初始狀態 320
12.4.6 設置展開狀態的標題背景 321
12.4.7 設置鼠標經過時的標題背景 322
12.5 伸縮面板 323
12.5.1 建立基本的伸縮面板 323
12.5.2 設置標題的樣式 324
12.5.3 對最上面的標題進行特殊處理 325
12.6 本章小結 327
第13章 固定寬度布局剖析與制作 329
13.1 CSS排版觀念 330
13.1.1 MSN的首頁 330
13.1.2 Yahoo.com 331
13.1.3 Times.com 331
13.1.4 CNN.com 332
13.1.5 163.com 333
13.2 單列布局 334
13.2.1 放置第一個圓角框 335
13.2.2 設置圓角框的CSS樣式 335
13.2.3 放置其他圓角框 338
13.3 “1-2-1”固定寬度布局 340
13.3.1 准備工作 340
13.3.2 絕對定位法 342
13.3.3 浮動法 343
13.4 “1-3-1”固定寬度布局 346
13.5 “1-((1-2)+1)-1”固定寬度布局 348
13.6 魔術布局 350
13.6.1 制作步驟 351
13.6.2 修正缺陷 353
13.7 本章小結 356
第14章 變寬度網頁布局剖析與制作 359
14.1 “1-2-1”變寬度網頁布局 360
14.1.1 “1-2-1”等比例變寬布局 360
14.1.2 “1-2-1”單列變寬布局 362
14.2 “1-3-1”寬度適應布局 367
14.2.1 “1-3-1”三列寬度等比例布局 367
14.2.2 “1-3-1”單側列寬度固定的變寬布局 367
14.2.3 “1-3-1”中間列寬度固定的變寬布局 370
14.2.4 進一步的思考 373
14.2.5 “1-3-1”雙側列寬度固定的變寬布局 373
14.2.6 “1-3-1”中列和側列寬度固定的變寬布局 376
14.3 變寬布局方法總結 378
14.4 分列布局背景色問題 379
14.4.1 固定寬度布局的列背景色設置 380
14.4.2 特殊寬度變化布局的列背景色設置 384
14.4.3 單列寬度變化布局的列背景色設置 384
14.4.4 多列等比例寬度變化布局的列背景色設置 385
14.5 CSS排版與傳統的表格方式排版的分析 388
14.6 本章小結 390
第15章 “CSS禅意花園”作品研究 393
15.1 “禅意花園”頁面HTML結構分析 394
15.2 親自動手 397
15.2.1 結構分析 397
15.2.2 整體設置 398
15.2.3 設置頁頭 399
15.2.4 設置supportingText部分和linkList部分 401
15.3 禅意花園作品的賞析與借鑒方法指導 403
15.3.1 191號作品分析 404
15.3.2 026號作品 411
15.3.3 175號作品 413
15.4 本章小結 414
第16章 綜合案例研究 415
16.1 《簡約夕陽》(158號作品)布局方法剖析 416
16.1.1 設置漸變的頁面背景 417
16.1.2 設置整體結構 419
16.1.3 設置linkList 420
16.1.4 設置各個部分的標題 420
16.1.5 設置footer 422
16.1.6 本案例的總結 423
16.2 《日記》(191號作品)布局方法剖析 423
16.2.1 准備圖片 424
16.2.2 設置頁頭 426
16.2.3 設置supportingText部分 430
16.2.4 設置linkList部分 432
16.2.5 本案例總結 434
16.3 本章小結 434
第17章 從學習到創作 435
17.1 拍攝素材照片 436
17.2 在圖像軟件中設計方案 438
17.3 整體的結構分析 440
17.4 CSS樣式設計與編碼 442
17.5 修改新頁面方案 448
17.6 本章小結 449
附錄 CSS英文小字典 451