CSS+HTML語法與範例詳解詞典

《CSS+HTML語法與範例詳解詞典》內容涵蓋了HTML元素的屬性及其應用，以及CSS屬性，語法、參數及其應用。通過合理的分類，明確的定義，《CSS+HTML語法與範例詳解詞典》將所有內容有機地整合，以簡明、全面的面貌呈現於讀者面前。《CSS+HTML語法與範例詳解詞典》提供詳細的功能說明與各屬性在實際應用中需要注意的要點，清楚地指出各屬性的初始值和適用範圍。每個屬性都附有實用範例和重點代碼註釋，從而提高了學習效率。
　　《CSS+HTML語法與範例詳解詞典》適合網頁設計者學習閱讀，也適合網站建設者和網站前台開發人員參考。《CSS+HTML語法與範例詳解詞典》也適合作為幫助讀者快速找到HTML和CSS應用問題的工具書。

前言
第1章　HTML結構元素
函數名稱功能說明
base指定一個顯式URL2
body定義html文檔的主體3
br插入一個換行符5
caption定義一個表格標題6
col為表格定義列屬性值8
colgroup定義表格列的分組10
dd定義在列表中顯示的樣式12
del定義文檔中已被刪除的文本14
div定義文檔中的分區或節15
dl定義列表的顯示樣式17
dt定義列表中的項目18
fieldset將表單內的相關元素分組19
frame在frameset中定義一個框架21
frameset定義一個框架集22
h1...h6定義文章　的標題24
html聲明文檔本身是一個HTML文檔26
iframe創建包含外部文檔的內聯框架27
ins定義文檔中已被插入的文本29
legend可為fieldset定義一個標題30
li定義一個列表項目31
noframes為不支持框架的瀏覽器顯示文本33
ol定義有序列表34
p定義一個文檔的段落36
span用來組合文檔中的內聯元素37
table定義表格的相關格式39
tbody定義一段表格主體的格式41
td定義表格中的一個單元格42
tfoot定義表格腳註的格式43
th定義表格內的表頭單元格44
thead定義表頭的格式45
tr在表格中定義一行46
ul聲明不排序的項目列表47

第2章　HTML內容元素
函數名稱功能說明
a標識超鏈接或內部書籤的位置50
abbr標識一個縮寫詞語53
acronym定義只取首字母縮寫的詞語54
address標識特定信息格式55
area定義圖像映射中的某個區域56
bgsound使頁面能夠帶有背景聲音57
button定義按鈕格式58
code標識代碼範例61
font確定文本字體的格式62
form聲明所包含的控件是表單的組成部分63
hr插入一條水平線64
img在文檔中嵌入圖像或視頻剪輯66
input創建各種表單輸入控件68
label為頁面上的元素指定標籤72
map定義一個客戶端圖像映射73
object定義一個嵌入對象74
optgroup對select元素中的選項進行邏輯分組76
option標識select元素中的選項77
param設置元素的屬性初始值78
select標識列表框或者下拉列表框79
textarea定義多行的文本輸入區域80
title定義文檔的標題82

第3章　HTML修飾形容元素
函數名稱功能說明
b指定文本以粗體顯示84
basefont設置顯示文本時的默認字體85
big文本以比當前字體稍大的字體來顯示86
blockquote定義一個塊引用87
center將指定文本和圖像居中顯示88
cite用斜體顯示來標識引文89
dfn標識術語的定義90
em標識術語的定義91
i指定文本以斜體的方式顯示92
kbd以定寬字體顯示文本93
pre定義預先格式化的文本94
q定義一個短的引用95
s帶刪除線方式來顯示文本96
samp標識代碼範例97
small比當前字體稍小的字體來顯示文本內容98
strike帶刪除線方式顯示文本99
strong以粗體來顯示文本100
sub定義文本以下標的形式顯示101
sup定義上標文本102
u定義下劃線文本103
var定義程序變量104

第4章　HTML擴展元素
函數名稱功能說明
applet在頁面上放置可執行的內容106
class設置標籤的類108
embed允許嵌入任何類型的文檔110
id設置標籤的標識112
import指定外部樣式表及目標設備類型114
link允許當前文檔和外部文檔建立鏈接116
marquee創建一個滾動的文本字幕118
noscript指定在不支持腳本的瀏覽器中顯示120
ruby指明要放置在文本或內嵌的註解121
script定義一段如javascript的腳本123
style指定頁面的樣式表125
target設置目標內容要顯示的窗口或框架127

第5章　CSS選擇器
函數名稱功能說明
a:active向激活的元素添加特殊樣式130
a:focus在元素獲得焦點時向元素添加樣式131
a:hover鼠標移到元素上時向元素添加樣式132
a:link向未訪問的鏈接添加特殊的樣式133
a:visited將特殊的樣式添加到未訪問的鏈接134
after設置在對象後發生的內容135
before設置在對象前發生的內容137
element將HTML標籤作為選擇器並指定樣式139
element#idname以獨立於文檔元素的方式來指定樣式141
element.classname以獨立於文檔元素的方式來指定樣式143
element1.element2設置所有子後代元素的樣式144
element1:[att|="val"]為具有lang屬性的元素設置樣式146
element1[attr$="substring"]設置屬性值後的子串元素147
element1[attr*="substring"]設置任意位置的樣式148
element1[attr]為屬性的元素應用特殊樣式149
element1[attr^="substring"]設置最開始的子串元素151
element1[attr~~="value"]為部分匹配的元素設置樣式152
element1[attr="value"]為具有特定屬性的元素應用特殊樣式153
element1+element2設置緊接在另一個元素後的元素樣式155
element1〉element2設置子元素的第一個後代的樣式156
first-child向其他元素的第一個子元素添加樣式157
first-letter設置文本中首字母的特殊樣式158
first-line設置文本第一行文字的特殊樣式159
lang根據元素的語言編碼匹配元素160

第6章　字體設置
函數名稱功能說明
font定義字體的屬性162
font-family設置元素文本字體的基本字體163
font-size設置元素文本的字號大小165
font-size-adjust對替換字體進行智能縮放167
font-stretch對當前字體進行水平拉伸168
font-style設置文本元素的字體顯示方式170
font-variant定義小型大寫字母文本171
font-weight設置文本元素的字體粗細172

第7章　文本顯示
函數名稱功能說明
direction設置文本的流入方向176
letter-spacing定義文本中字母的間距..177
line-height定義文本中字母的間距178
text-align設置水平方向對齊方式180
text-decoration設置字體的裝飾效果182
text-indent設置段落首行縮進的樣式184
text-justify設置或檢索對象內文本的對齊方式185
text-shadow設置文字陰影與模糊效果187
text-transform設置字母大小寫轉換188
text-underline-position設置下劃線的位置189
unicode-bidi從不同方向讀入的文本顯示190
vertical-align設置垂直方向對齊屬性192
white-space設置空格字符的處理方式194
word-spacing設置空格顯示的寬度格式196

第8章　元素尺寸
函數名稱功能說明
height設置元素的高度尺寸198
max-height設置元素的最大高度200
max-width設置元素的最大寬度202
min-height設置元素的最小高度203
min-width設置元素的最小寬度204
width設置元素的寬度尺寸206

第9章　顏色與背景修飾
函數名稱功能說明
background在聲明中設置所有的背景屬性210
background-attachment定義背景圖片隨滾動軸的移動方式212
background-color定義背景的顏色214
background-image定義背景圖片216
background-position定義背景圖片的位置217
background-repeat定義背景圖片的重複方式220
color設置元素的前景色221

第10章　元素的邊框
函數名稱功能說明
border設置對象邊框屬性224
border-bottom設置對象下邊框屬性226
border-bottom-color設置對象下邊框的顏色屬性228
border-bottom-style設置對象下邊框的樣式屬性230
border-bottom-width設置對象下邊框的寬度/粗細屬性231
border-color設置對象邊框的顏色屬性232
border-left設置對象左邊框屬性233
border-left-color設置對象左邊框的顏色屬性235
border-left-style設置對象左邊框的樣式屬性236
border-left-width設置對象左邊框的寬度屬性237
border-right設置對象右邊框屬性238
border-right-color設置對象右邊框的顏色屬性240
border-right-style設置對象右邊框的樣式屬性241
border-right-width設置對象右邊框的寬度/粗細屬性242
border-style設置對象邊框的樣式屬性243
border-top設置對象上邊框屬性246
border-top-color設置對象上邊框的顏色屬性247
border-top-style設置對象上邊框的樣式屬性248
border-top-width設置對象上邊框的寬度屬性249
border-width設置對象邊框的寬度/粗細屬性250

第11章　靈活的填充
函數名稱功能說明
margin設置對象的外邊距252
margin-bottom設置對象的下外邊距254
margin-left設置對象的左外邊距256
margin-right設置對象的右外邊距258
margin-top設置對象的上外邊距260
padding設置對象的內邊距261
padding-bottom設置對象的下內邊距263
padding-left設置對象的左內邊距265
padding-right設置對象的右內邊距267
padding-top設置對象的上內邊距269

第12章　定位網頁元素
函數名稱功能說明
bottom定義定位元素外邊距底邊界的偏移272
clear設置元素側面是否允許其他浮動元素273
clip設置如何處理對象內的內容溢出275
direction設置對象的排列方向277
float給每個單一元素快速指定樣式279
left定義定位元素外邊距左邊界的偏移281
overflow設置對象內容溢出的處理方式283
overflow-x設置對象x方向溢出處理284
overflow-y設置對象y方向溢出處理285
position設置對象的定位方式287
right定義定位元素外邊距右邊界的偏移288
top定義定位元素外邊距上邊界的偏移290
visibility設置對象是否可見292
z-index設置對象的層疊順序294

第13章　列表與內容展現
函數名稱功能說明
content用於生成附於CSS選擇器前後的內容298
counter-increment設置選取器每次出現的計數器增量300
counter-reset設置選擇器出現次數的計數器值301
list-style將列表樣式屬性合併為一個屬性303
list-style-image使用圖像來替換列表項的標記305
list-style-position聲明列表標誌相對於列表項的位置306
list-style-type設置列表項目使用預設標記308
quotes設置嵌入引用的引號類型311

第14章　表格佈局
函數名稱功能說明
border-collapse設定表格的行和列的邊框格式314
border-spacing設置相鄰單元格的邊框間的距離316
caption-side設置表格標題的位置318
colspan描述表格跨列的數目320
display標識在網頁中顯示的內容322
empty-cells設置是否顯示表格中的空單元格324
rowspan描述表格跨行的數目326
table-layout設置顯示表格佈局的算法328

第15章　用戶界面樣式
函數名稱功能說明
color設置重用系統中的顏色332
cursor設置光標經過對象時的樣式334
font設置重用系統中的文字樣式337
outline設置元素周圍的輪廓線339
outline-color設置元素整個輪廓中可見部分的顏色340
outline-style設置元素輪廓線的樣式341
outline-width設置元素輪廓線的寬度343
scrollbar-3dlight-color設置或檢索滾動條亮邊框的顏色344
scrollbar-arrow-color設置或檢索滾動條箭頭的顏色345
scrollbar-base-color設置或檢索滾動條基準顏色346
scrollbar-darkshadow-color設置或檢索滾動條邊的顏色347
scrollbar-face-color設置或檢索滾動條3D表面的顏色348
scrollbar-highlight-color設置或檢索滾動條3D界面的亮邊349
scrollbar-shadow-color設置或檢索滾動條暗邊的顏色350
scrollbar-track-color設置或檢索滾動條拖動區域的顏色351

第16章　濾鏡特效
函數名稱功能說明
alpha設置透明度354
blur設置模糊的效果356
chroma設置一個對象中指定的顏色為透明色358
dropshadow添加對象的陰影效果359
flipH創建水平鏡像圖片360
flipV創建垂直鏡像圖片361
glow設置對象的邊緣產生類似發光的效果362
gray把元素（如彩色圖片）變成灰度圖364
invert把對象的可視化屬性全部翻轉365
light設置對象產生一個模擬光源的效果366
mask把對象的可視化屬性全部翻轉369
shadow把對象的可視化屬性全部翻轉370
wave把對象按照垂直的波紋樣式打亂371
xray使對象看上去有X光片的感覺373

第17章　屏幕媒體
函數名稱功能說明
azimuth對不同音源進行空間定位376
cue設置在對象前後播放的聲音377
cue-after設置在對象後播放的聲音378
cue-before設置在對象前播放的聲音379
elevation設置在對象前聲音的音源仰角380
marks向文檔中不同元素指定頁面類型381
orphans設置元素在頁面底部所允許的最少行數382
page向文檔中的不同元素指定頁面類型383
page-break-after聲明元素後是否應當放置分頁符384
page-break-before聲明元素前是否應當放置分頁符385
page-break-inside聲明元素內部是否應當放置分頁符386
pause設置對象前後的聲音暫停387
pause-after設置對象後的聲音暫停388
pause-before設置對象前的聲音暫停389
pitch指定說話嗓音的頻率390
pitch-range指定平均銳度的變化範圍391
play-during指定某元素顯示時播放的聲音392
richness指定語音的豐富程度393
size用於定義頁面區的大小394
speak設置聲音是否播放395
speak-header指定表頭是否在每個單元格前說出396
speak-numeral設置或檢索數字如何發音397
speak-punctuation設置或檢索標點符號發音的方式398
speech-rate設置用怎樣的語速表現內容399
stress設置語音的語調強度400
volume設置語音的音量大小401
widows檢索或指定要留在頁面頂部的行數402
附錄A 各種樣式的聲明方式405
附錄B 值與單位413
附錄C 註釋及拼寫427
附錄D 基本的可視化格式435
附錄E CSS的優化與技巧443
字母索引.449