本书特色
■内容全面 收录了几乎所有HTML元素与CSS的常用语法，涵盖属性、语法及其详细的参数说明。
■解读详细 通过详细解读，使您更准确地掌握所涉及的知识点。
■分类合理 在章节分类中更注意实用，一目了然。
■注释准确 准确对所有参数进行说明，消除在实际应用中参数选定的困扰。
■实用为先 提供实用范例，对焦点代码加以注释，让您更快掌握并付诸使用。丰富的使用要点将应用与词典两功能合二为一。
■索引清楚 方便速查。
无
如何使用本书
为了在做网页设计时方便查阅，本书设计了多种查阅方式，您可以根据需求选择最适合的查阅方式：
·索引：如果已经知道函数的名称，可以从本书的索引根据字母顺序查到函数所在的页数，然后直接查阅该函数的说明。
·目录：如果不确定函数的名字，可以先从本书目录找到功能分类，再根据字母顺序查询。
·简要说明：如果想知道是否有某种功能的函数，同样可以先从本书目录找到功能分类，再根据目录上函数名字后的简要说明判断是否为所需的函数。
本书编排体例
① 函数名称：函数的名称。
② 功能说明：简述函数的功能。
③ 基本语法：讲解该函数的使用方法。
④ 初 始 值：指出该函数的初始值。
⑤ 适用范围：指定函数适合的对象类型。
⑥ 参数说明：详细说明函数各个参数的要点。
⑦ 使用要点：给出函数使用的经验和提示。
⑧ 范 例：实际的程序应用例子和文件的保存路径。
⑨ 范例效果：显示执行范例的效果。
font-variant
功能说明：定义小型大写字母文本。
基本语法：normal | small-caps | inherit
初 始 值：normal
适用范围：所有元素
参数说明：
normal 默认值。浏览器会显示一个标准的字体
small-caps 浏览器会显示小型大写字母的字体
inherit 继承
使用要点：所有的小写字母均会被转换为大写，但是所有使用小型大
写字体的字母与其余文本相比，其字体尺寸更小。该功能对中文字体无效。
范 例：font-variant的使用—chapter06/ font-variant.html
style type="text/css"
body {margin:0;padding:10px;background:#ccc;font-size:14px;}
div{font-variant:normal;font-size:14px; color:#006699; width:350px; margin:0 auto; padding:10px;border:3px solid #fff; background:#D0EFFF;}
p{ font-variant:small-caps;}
/style
div
pCSS是Cascading Style Sheets(层叠样式表)的简称./p
/div
范例效果：
CSS是Cascading Style Sheets（层叠样式表）的简称。
致谢与分工
本书由网页设计师符旭凌编著。姚新军先生参与本书的前期策划和后期的质量监控。参与本书校对和排版工作的有王斌、张强林、万雷、张赛桥、黄中林、陈鲲、赵腾伦等。
本书相关代码的下载地址是：www.hzbook.com。限于作者水平和精力有限，疏漏之处在所难免，欢迎读者批评指正。
本书特色 ■内容全面 收录了几乎所有HTML元素与CSS的常用语法，涵盖属性、语法及其详细的参数说明。 ■解读详细 通过详细解读，使您更准确地掌握所涉及的知识点。 ■分类合理 在章节分类中更注意实用，一目了然。 ■注释准确 准确对所有参数进行说明，消除在实际应用中参数选定的困扰。 ■实用为先 提供实用范例，对焦点代码加以注释，让您更快掌握并付诸使用。丰富的使用要点将应用与词典两功能合二为一。 ■索引清楚 方便速查。
符旭凌：暂无简介
前言
第 1 章 HTML结构元素
函数名称 功能说明
base 指定一个显式URL 2
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
