介紹:
HTML是所有網頁制作技術的核心和基礎，也是每個網頁制作者必須掌握的基本知識。CSS是用于控制網頁內容顯示效果的一種標記語言，可以制作更美觀的頁面。兩者在網頁設計中不可或缺。
《腦動力：HTML+CSS標簽速查效率手冊》共分18章，前10章主要介紹了HTML標簽和相關屬性，包括文字、排版、列表、超鏈接、多媒體、表格、表單、框架等知識點。后8章介紹了CSS屬性的詳細用法和示例代碼，包括文本顯示、列表顯示、鏈接顯示、文字背景、元素定位濾鏡等知識點。
《腦動力：HTML+CSS標簽速查效率手冊》語言簡潔，內容豐富，適合網頁設計與制作人員、網站建設開發人員、大中專院校相關專業的學生、個人網站制作愛好者閱讀。
目錄:
《腦動力HTML+CSS標簽速查效率手冊》
第1章 理解HTML? ?? ???1
1.1 HTML的基本概念? ?? ???1
1.1.1 HTML簡介? ?? ???1
1.1.2 了解HTML代碼? ?? ???2
1.2 編輯HTML代碼? ?? ???3
1.2.1 使用記事本編輯? ?? ???3
1.2.2 Dreamweaver中的HTML編輯窗口? ?? ???4
1.3 使用Dreamweaver編寫HTML代碼? ?? ???5
1.3.1 使用代碼窗口編寫HTML代碼? ?? ???5
1.3.2 使用標簽選擇器和標簽編輯器? ?? ???6
1.3.3 使用代碼提示功能? ?? ???8
1.3.4 使用查找和替換功能? ?? ???8
1.3.5 優化HTML編碼? ?? ???9
第2章 網頁的基本標簽? ?? ???11
2.1 結構標簽——＜html＞? ?? ???11
2.2 頁面頭部標簽——＜head＞? ?? ???11
2.3 頁面標題——＜title＞? ?? ???12
2.4 頁面的主體標簽——＜body＞? ?? ???13
2.4.1 頁面背景色——bgcolor? ?? ???14
2.4.2 文字顏色——text? ?? ???15
2.4.3 背景圖片——background? ?? ???16
2.4.4 鏈接文字——link? ?? ???17
2.4.5 頁面邊距——margin? ?? ???18
2.5 元信息標簽——＜meta＞? ?? ???19
2.5.1 設置網頁編碼信息? ?? ???20
2.5.2 設置網頁的定時跳轉? ?? ???22
2.5.3 設定網頁緩存過期時間? ?? ???24
2.5.4 禁止從緩存中調用? ?? ???25
2.5.5 刪除過期的cookie? ?? ???26
2.5.6 強制打開新窗口? ?? ???26
2.5.7 設置網頁的過渡效果? ?? ???27
2.5.8 定義頁面關鍵字? ?? ???31
2.5.9 設置頁面描述? ?? ???32
2.5.10 設置編輯工具? ?? ???32
2.5.11 設定作者信息? ?? ???33
2.5.12 限制搜索方式? ?? ???34
第3章 排版標簽? ?? ???36
3.1 頁面注釋——＜!–＞? ?? ???36
3.2 段落——＜p＞? ?? ???37
3.3 換行——＜br＞? ?? ???38
3.4 水平線? ?? ???40
3.4.1 水平線——＜hr＞? ?? ???40
3.4.2 水平線寬度與高度屬性——width、size? ?? ???41
3.4.3 水平線的顏色——color? ?? ???42
3.4.4 水平線的對齊方式——align? ?? ???43
3.4.5 去掉水平線陰影——noshade? ?? ???44
3.5 居中標簽——＜center＞? ?? ???46
3.6 預設標簽——＜pre＞? ?? ???47
3.7 不拆行——＜nobr＞? ?? ???48
3.8 向右縮——＜blockquote＞? ?? ???49
3.9 層標簽——＜div＞? ?? ???50
第4章 頁面文字? ?? ???52
4.1 標題文字——＜h＞? ?? ???52
4.2 文字格式? ?? ???53
4.2.1 字體——face? ?? ???54
4.2.2 文字顏色——color? ?? ???55
4.2.3 字號——size? ?? ???56
4.2.4 粗體、斜體、下畫線、刪除線——strong、em、u、strike? ?? ???57
4.2.5 上標與下標——＜sup＞、＜sub＞? ?? ???59
4.2.6 等寬文字標簽——＜code＞? ?? ???60
4.3 空格——＆nbsp;? ?? ???61
4.4 特殊符號? ?? ???62
4.5 其他標簽? ?? ???64
4.5.1 文字標注——＜ruby＞? ?? ???64
4.5.2 聲明變量——＜var＞? ?? ???65
第5章 網頁中的列表? ?? ???67
5.1 有序列表（Ordered Lists）? ?? ???67
5.1.1 有序列表標簽——＜ol＞? ?? ???67
5.1.2 有序列表的序號類型——type? ?? ???69
5.1.3 有序列表的起始數值——start? ?? ???70
5.2 無序列表（Unordered Lists）? ?? ???72
5.2.1 無序列表標簽——＜ul＞? ?? ???72
5.2.2 無序列表的符號類型——type? ?? ???73
5.3 定義列表標簽——＜dl＞? ?? ???76
5.4 菜單列表標簽——＜menu＞? ?? ???78
5.5 目錄列表——＜dir＞? ?? ???79
5.6 列表的高級應用? ?? ???80
5.6.1 列表的簡化? ?? ???81
5.6.2 設置列表項文字的顏色? ?? ???82
5.7 列表的嵌套? ?? ???84
第6章 超鏈接? ?? ???86
6.1 超鏈接——＜a＞? ?? ???86
6.2 設置文本超鏈接? ?? ???87
6.3 設置圖像超鏈接? ?? ???89
6.4 設置圖像熱區鏈接? ?? ???91
6.5 使用錨在網頁內部鏈接? ?? ???94
6.6 鏈接到不同頁面的特定位置? ?? ???96
6.7 鏈接到網頁? ?? ???98
6.8 建立EMAIL鏈接? ?? ???99
6.9 鏈接到文件? ?? ???101
6.10 建立文件下載鏈接? ?? ???102
第7章 網頁中的多媒體元素和圖像? ?? ???104
7.1 將多媒體內容放到網頁中? ?? ???104
7.1.1 鏈接到多媒體文件? ?? ???104
7.1.2 添加多媒體文件標簽——＜embed＞? ?? ???105
7.1.3 設置媒體文件自動運行——autostart? ?? ???106
7.1.4 設置媒體文件的循環播放——loop? ?? ???108
7.1.5 隱藏媒體播放面板——hidden? ?? ???109
7.1.6 添加flash動畫文件? ?? ???110
7.2 動態文字? ?? ???111
7.2.1 滾動文字標簽——＜marquee＞? ?? ???111
7.2.2 滾動方向屬性——direction? ?? ???112
7.2.3 滾動方式——behavior? ?? ???114
7.2.4 滾動循環——loop? ?? ???115
7.2.5 滾動文字的背景顏色——bgcolor? ?? ???116
7.2.6 滾動文字的背景大小——width、height? ?? ???117
7.2.7 滾動速度——scrollamount? ?? ???118
7.2.8 滾動延遲——scrolldelay? ?? ???119
7.2.9 滾動空間——hspace、vspace? ?? ???120
7.3 網頁背景音樂? ?? ???121
7.3.1 背景音樂——bgsound? ?? ???122
7.3.2 背景音樂的循環播放次數——loop? ?? ???123
7.4 圖像格式? ?? ???123
7.5 插入圖像——＜img＞? ?? ???124
7.6 圖像屬性設置? ?? ???125
7.6.1 圖像描述文字——alt? ?? ???125
7.6.2 圖像的邊框——border? ?? ???127
7.6.3 圖像的大小——width、height? ?? ???128
7.6.4 圖像的間距——hspace、vspace? ?? ???129
7.6.5 圖像的相對對齊方式——align? ?? ???130
第8章 網頁中表格的應用? ?? ???132
8.1 建立表格? ?? ???132
8.1.1 表格、行、單元格——＜table＞、＜tr＞、 ＜td＞? ?? ???132
8.1.2 表格的標題——＜caption＞? ?? ???134
8.1.3 表格的表頭——＜th＞? ?? ???136
8.1.4 表格寬度——width? ?? ???137
8.1.5 表格高度——height? ?? ???139
8.1.6 表格的邊框寬度——border? ?? ???141
8.1.7 表格邊框顏色——bordercolor? ?? ???142
8.1.8 表格的單元格間距——cellspacing? ?? ???144
8.1.9 表格的單元格邊距——cellpadding? ?? ???146
8.1.10 表格背景色——bgcolor? ?? ???147
8.1.11 表格的背景圖像——background? ?? ???149
8.1.12 表格的對齊方式——align? ?? ???150
8.1.13 表格標題的垂直對齊方式——valign? ?? ???152
8.2 表格的行屬性? ?? ???154
8.2.1 行高——height? ?? ???154
8.2.2 行邊框顏色——bordercolor? ?? ???155
8.2.3 行背景色——bgcolor? ?? ???157
8.2.4 行文字的水平對齊方式——align? ?? ???158
8.2.5 行文字的垂直對齊方式——valign? ?? ???159
8.3 單元格屬性? ?? ???161
8.3.1 單元格大小——width、height? ?? ???161
8.3.2 跨列屬性——colspan? ?? ???163
8.3.3 跨行屬性——rowspan? ?? ???164
8.3.4 對齊方式——align、valign? ?? ???166
8.3.5 單元格的背景色——bgcolor? ?? ???167
8.3.6 單元格的邊框顏色——bordercolor? ?? ???169
8.3.7 單元格的亮邊框顏色——bordercolorlight? ?? ???170
8.3.8 單元格的暗邊框顏色——bordercolordark? ?? ???171
8.3.9 單元格的背景圖像——background? ?? ???173
8.3.10 單元格內容不換行——nowrap? ?? ???175
8.4 表格的結構樣式? ?? ???176
8.4.1 設計表頭樣式——＜thead＞? ?? ???177
8.4.2 設計表主體樣式——＜tbody＞? ?? ???178
8.4.3 設計表尾樣式——＜tfoot＞? ?? ???180
8.5 使用表格實現網頁布局? ?? ???182
第9章 表單? ?? ???186
9.1 表單標簽——＜form＞? ?? ???186
9.1.1 表單名稱——name? ?? ???187
9.1.2 表單提交地址——action? ?? ???187
9.1.3 傳送方式——method? ?? ???188
9.1.4 編碼方式——enctype? ?? ???189
9.1.5 目標顯示方式——target? ?? ???190
9.2 添加表單對象? ?? ???191
9.2.1 文本框——text? ?? ???191
9.2.2 密碼框——password? ?? ???193
9.2.3 按鈕——button? ?? ???194
9.2.4 提交按鈕——submit? ?? ???195
9.2.5 重置按鈕——reset? ?? ???197
9.2.6 單選按鈕——radio? ?? ???199
9.2.7 復選按鈕——checkbox? ?? ???201
9.2.8 圖像按鈕——image? ?? ???202
9.2.9 隱藏域——hidden? ?? ???203
9.2.10 文件域——file? ?? ???204
9.2.11 文本域——textarea? ?? ???205
9.2.12 下拉菜單——select、option? ?? ???207
9.2.13 列表項? ?? ???208
第10章 網頁中使用框架? ?? ???211
10.1 什么是框架? ?? ???211
10.2 框架集——＜frameset＞? ?? ???211
10.3 框架——＜frame＞? ?? ???212
10.4 浮動框架——＜iframe＞? ?? ???215
10.5 框架集屬性? ?? ???217
10.5.1 水平分割窗口——rows? ?? ???217
10.5.2 垂直分割窗口——cols? ?? ???219
10.5.3 嵌套分割窗口? ?? ???220
10.5.4 框架集邊框寬度——framespacing? ?? ???221
10.5.5 框架集邊框顏色——bordercolor? ?? ???222
10.6 框架和浮動框架的屬性? ?? ???223
10.6.1 名稱屬性——name? ?? ???224
10.6.2 頁面源文件——src? ?? ???224
10.6.3 邊框屬性——frameborder? ?? ???226
10.6.4 滾動條屬性——scrolling? ?? ???227
10.6.5 邊框與頁面內容的水平間距——marginwidth? ?? ???228
10.6.6 邊框與頁面內容的垂直邊距——marginheight? ?? ???230
10.6.7 普通框架禁止調整窗口大小——noresize? ?? ???231
10.6.8 浮動框架對齊屬性——align? ?? ???232
10.6.9 浮動框架大小——width、height? ?? ???233
10.6.10 普通框架與鏈接? ?? ???235
10.6.11 浮動框架與鏈接? ?? ???237
10.7 不支持框架標簽——＜noframes＞? ?? ???239
第11章 CSS樣式表簡介? ?? ???241
11.1 CSS的概念? ?? ???241
11.2 CSS樣式表的基本語法? ?? ???242
11.2.1 樣式表的基本結構? ?? ???242
11.2.2 樣式規則? ?? ???242
11.3 CSS選擇器? ?? ???244
11.3.1 類選擇器? ?? ???244
11.3.2 ID選擇器? ?? ???245
11.3.3 標簽選擇器? ?? ???246
11.3.4 偽類? ?? ???248
11.3.5 子選擇器? ?? ???249
11.3.6 群組選擇器? ?? ???250
11.3.7 包含選擇器? ?? ???253
11.3.8 元素指定選擇器? ?? ???254
11.3.9 相鄰選擇器? ?? ???256
11.4 將CSS應用到網頁中? ?? ???257
11.4.1 內嵌樣式表? ?? ???257
11.4.2 行內樣式? ?? ???258
11.4.3 鏈接外部樣式表? ?? ???259
11.4.4 導入外部樣式表? ?? ???261
11.5 樣式優先權? ?? ???262
第12章 CSS控制文本顯示效果? ?? ???264
12.1 控制字體顯示? ?? ???264
12.1.1 設置字體——font-family? ?? ???264
12.1.2 設置字體大小——font-size? ?? ???266
12.1.3 設置斜體效果——font-style? ?? ???267
12.1.4 設置加粗字體——font-weight? ?? ???268
12.1.5 設置英文大寫——font-variant? ?? ???270
12.1.6 文本轉換大小寫——text-transform? ?? ???271
12.1.7 字體復合屬性——font? ?? ???272
12.1.8 字內換行——word-break? ?? ???274
12.1.9 超過容器邊界時的換行——word-wrap? ?? ???275
12.1.10 設置文字修飾——text-decoration? ?? ???276
12.1.11 單詞間隔——word-spacing? ?? ???278
12.1.12 字符間隔——letter-spacing? ?? ???279
12.1.13 字體顏色——color? ?? ???280
12.2 控制文本顯示效果? ?? ???282
12.2.1 文本的水平對齊——text-align? ?? ???282
12.2.2 垂直對齊——vertical-align? ?? ???283
12.2.3 文本方向與排序——direction與unicode-bidi? ?? ???285
12.2.4 文本書寫模式——writing-mode? ?? ???287
12.2.5 文本溢出——text-overflow? ?? ???288
12.2.6 文本流向——layout-flow? ?? ???290
12.2.7 文本縮進——text-indent? ?? ???291
12.3 其他文本效果? ?? ???292
12.3.1 文本行高——line-height? ?? ???292
12.3.2 處理空白——white-space? ?? ???294
第13章 CSS控制列表元素和鏈接的顯示? ?? ???296
13.1 列表元素的顯示? ?? ???296
13.1.1 列表符號——list-style-type? ?? ???296
13.1.2 列表圖像符號——list-style-image? ?? ???298
13.1.3 列表標記位置——list-style-position? ?? ???300
13.1.4 列表綜合屬性——list-style? ?? ???301
13.2 控制鏈接的顯示? ?? ???302
13.2.1 鏈接未訪問效果——link偽類? ?? ???302
13.2.2 鏈接鼠標懸停效果——hover偽類? ?? ???303
13.2.3 鏈接激活的效果——active偽類? ?? ???305
13.2.4 鏈接訪問后的效果——visited偽類? ?? ???306
第14章 CSS控制元素的背景? ?? ???308
14.1 設置背景顏色——background-color? ?? ???308
14.2 設置背景圖像? ?? ???309
14.2.1 背景圖像——background-image? ?? ???309
14.2.2 背景圖像的平鋪——background-repeat? ?? ???311
14.2.3 背景圖像滾動——background-attachment? ?? ???312
14.2.4 圖像位置——background-position? ?? ???314
14.3 背景的復合屬性——background? ?? ???316
第15章 CSS控制邊框和邊界的顯示效果? ?? ???318
15.1 邊框的線條樣式? ?? ???318
15.1.1 上邊框線條樣式——border-top-style? ?? ???318
15.1.2 下邊框線條樣式——border-bottom-style? ?? ???320
15.1.3 左邊框線條樣式——border-left-style? ?? ???322
15.1.4 右邊框線條樣式——border-right-style? ?? ???324
15.1.5 設置邊框的線條樣式——border-style? ?? ???325
15.2 邊框的顏色? ?? ???327
15.2.1 上邊框的顏色——border-top-color? ?? ???327
15.2.2 下邊框的顏色——border-bottom- color? ?? ???329
15.2.3 左邊框的顏色——border-left- color? ?? ???331
15.2.4 右邊框的顏色——border-right- color? ?? ???333
15.2.5 設置邊框顏色——border-color? ?? ???335
15.3 邊框的寬度? ?? ???337
15.3.1 上邊框的寬度——border-top-width? ?? ???337
15.3.2 下邊框的寬度——border-bottom-width? ?? ???339
15.3.3 左邊框的寬度——border-left-width? ?? ???341
15.3.4 右邊框的寬度——border-right-width? ?? ???343
15.3.5 設置邊框的寬度——border-width? ?? ???345
15.4 單獨設置各個邊框的樣式? ?? ???347
15.4.1 上邊框——border-top? ?? ???347
15.4.2 左邊框——border-left? ?? ???349
15.4.3 下邊框——border-bottom? ?? ???351
15.4.4 右邊框——border-right? ?? ???353
15.5 設置邊框整體效果——border? ?? ???354
15.6 邊界屬性? ?? ???356
15.6.1 上邊界屬性——margin-top? ?? ???357
15.6.2 右邊界屬性——margin-right? ?? ???358
15.6.3 下邊界屬性——margin-bottom? ?? ???360
15.6.4 左邊界屬性——margin-left? ?? ???362
15.6.5 邊界復合屬性——margin? ?? ???364
15.7 元素的補白? ?? ???365
15.7.1 頂部補白——padding-top? ?? ???366
15.7.2 左側補白——padding-left? ?? ???367
15.7.3 右側補白——padding-right? ?? ???369
15.7.4 底部補白——padding-bottom? ?? ???370
15.7.5 補白復合屬性——padding? ?? ???371
第16章 CSS控制元素的定位與布局? ?? ???374
16.1 元素的定位? ?? ???374
16.1.1 定位屬性——position? ?? ???374
16.1.2 上邊偏移——top? ?? ???376
16.1.3 左邊偏移——left? ?? ???377
16.1.4 右邊偏移——right? ?? ???379
16.1.5 下邊偏移——bottom? ?? ???381
16.1.6 層疊定位——z-index? ?? ???382
16.2 元素的布局? ?? ???384
16.2.1 浮動屬性——float? ?? ???385
16.2.2 清除浮動屬性——clear? ?? ???386
16.2.3 內容剪切屬性——clip? ?? ???388
16.2.4 控制溢出內容——overflow? ?? ???389
16.2.5 水平溢出——overflow-x? ?? ???391
16.2.6 垂直溢出——overflow-y? ?? ???393
16.3 元素的顯示方式——display? ?? ???395
16.4 可見屬性——visibility? ?? ???398
第17章 其他CSS顯示效果? ?? ???401
17.1 控制光標顯示效果——cursor? ?? ???401
17.2 控制滾動條顯示? ?? ???403
17.2.1 滾動條滑塊顏色——scrollbar-face- color? ?? ???404
17.2.2 滾動條箭頭顏色——scrollbar- shadow-color? ?? ???406
17.2.3 滾動條拖動區顏色——scrollbar- track-color? ?? ???407
17.2.4 滾動條亮邊框顏色—— scrollbar-highlight-color? ?? ???409
17.2.5 滾動條陰影顏色——scrollbar- shadow-color? ?? ???411
17.2.6 滾動條基準顏色——scrollbar-base-color? ?? ???413
第18章 濾鏡? ?? ???416
18.1 顏色漸變——Gradient? ?? ???416
18.2 不透明度——alpha? ?? ???418
18.3 模糊效果——blur? ?? ???420
18.4 色度濾鏡——chroma? ?? ???422
18.5 光暈效果——glow? ?? ???423
18.6 陰影效果——shadow? ?? ???424
18.7 圖像灰度效果——gray? ?? ???426
18.8 圖像反相效果——invert? ?? ???427
18.9 下拉陰影效果——dropshadow? ?? ???429
18.10 水平翻轉和垂直翻轉效果——flipH、flipV? ?? ???430
18.11 X光片效果——xray? ?? ???432
18.12 波形濾鏡——wave? ?? ???433
18.13 圖像調整——BasicImage? ?? ???434
18.14 圖像加載濾鏡——AlphaImageLoader? ?? ???436
18.15 滑動門濾鏡——Barn? ?? ???438
18.16 百葉窗濾鏡——Blinds? ?? ???440
18.17 國際象棋濾鏡——CheckerBoard? ?? ???442
18.18 漸隱濾鏡——Fade? ?? ???444
18.19 抽離濾鏡——Slide? ?? ???446
18.20 對角擴張濾鏡——Inset? ?? ???448
18.21 隨機線條濾鏡——RandomBars? ?? ???450
18.22 隨機溶解濾鏡——RandomDissolve? ?? ???452
18.23 擦地板濾鏡——Zigzag? ?? ???454
18.24 風車濾鏡——Wheel? ?? ???455
18.25 伸縮變形濾鏡——Stretch? ?? ???457
18.26 彩色拼綴效果——Pixelate? ?? ???459
18.27 放射狀擦除濾鏡——RadialWipe? ?? ???461
附錄? ?? ???464
附錄A CSS各屬性適應的瀏覽器? ?? ???464
附錄B HTML標記參考? ?? ???470
附錄C CSS屬性列表? ?? ???479
附錄D HTML中支持的顏色名稱? ?? ???485
