CSS HTML·XHTML语法与范例辞典PDF|Epub|txt|kindle电子书版本网盘下载

CSS HTML·XHTML语法与范例辞典PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

Part 1　HTML与XHTML2

认识HTML2

何谓HTML2

HTML网页的编写2

HTML文件的组成3

标签、元素、属性与属性值4

元素的分类7

认识XHTML19

何谓XHTML19

XHTML的组成19

XHTML与HTML的不同21

整体构造25

html25

最顶层元素（top elements）25

head26

文件标头的信息包含元素（document head elements）26

title28

文件标题名称元素（document title）28

meta29

附加文件的额外信息（meta information）29

body31

文件主体元素（document body）31

h1～h6

标题级别元素（headings level 1～6）35

address37

作者的联系信息（address）37

div38

通用区块元素（division）38

span40

通用线内元素（text span）40

文字元素42

abbr42

省略语句（abbreviation）42

acronym43

首字母缩写（acronym）43

em44

强调内容（emphasis）44

strong45

加重强调内容（strong emphasis）45

dfn46

定义名称（defining term）46

kbd47

键盘文字输入（keyboard input）47

samp48

范例输出（sample text）48

code49

源代码输出（computer code）49

var50

标识变量与自变量（variable）50

cite51

引证、引用（citation）51

blockquote52

引用区块（block quote）52

q54

简短的引用（qute）54

sup56

上标字（superscript）56

sub57

下标字（subscript）57

p58

通用区块元素（paragraph）58

br61

强制换行（break）61

ins63

插入编辑文字（inserted text）63

del65

删除编辑文字（deleted text）65

pre67

保持原始格式（preformatted text）67

plaintext69

不运行元素标签（plaintext）69

xmp70

保持文件格式且不运行元素标签（example）70

样式与配置元素71

b71

粗体字（blod text）71

i72

斜体字（italic text）72

big73

放大字体（big font）73

small74

缩小字体（small font）74

strike75

删除线A（strike-through text）75

s76

删除线B（strike-through text）76

u77

下划线（underlined text）77

tt78

等宽字体（teletype text）78

basefont79

默认字体（base font）79

font81

部分字体设置（font definition）81

center83

居中排列（center alignment）83

hr84

分隔线（horizontal rule）84

项目元素86

ul86

无序列表（unordered list）86

ol89

有序编号列表（ordered list）89

li91

列表项目（list item）91

dl94

定义列表（definition list）94

dt95

定义项目（definition term）95

dd96

定义说明（definition description）96

dir98

目录列表（directory list）98

menu100

选项列表（menu list）100

链接元素102

a102

超链接（anchor）102

link108

文件资源关联（link to external files）108

base110

文件链接基准（document base URI）110

图片与对象元素112

img112

图片（image）112

object118

嵌入对象（embedded object）118

param121

参数传递（parameter）121

applet123

配置JAVA程序（java applet）123

map125

影像地图（client-side image map）125

area127

切割影像地图（image map area）127

表格元素129

table129

表格（table）129

thead133

表格表头（table header）133

tfoot134

表格页底（table footer）134

tbody135

表格主体（table body）135

tr138

表格行（table row）138

td140

表格数据单元格（table data cell）140

th144

表格标题单元格（table header cell）144

caption147

表格标题（table caption）147

colgroup149

字段分组（table column group）149

col151

列属性设置（table column）151

表单元素153

form153

表单（interactive form）153

input155

表单输入字段（input from field）155

button161

按钮（button）161

select164

选择列表（select　list）164

option165

选择列表中的项目（option in selection list）165

optgroup168

选项的分组（option group）168

isindex170

搜索的输入框（isindex prompt）170

textarea171

多行文字输入框（multiline text field）171

label173

表单字段的标签（form field label）173

fieldset175

表单字段的分组（form field set）175

legend176

表单字段的标签（field set legend）176

框架元素178

frameset178

框架分割设置（frame set definition）178

frame179

框架内容（frame）179

noframes185

提供不支持框架的浏览器应用（no frame）185

iframe186

线内框架（inline frame）186

注音标注元素191

ruby191

注音标注（ruby）191

rb192

注音标注的对象（ruby base）192

rt193

标注文字（ruby text）193

rp194

标注无法对应时所显示的括号（ruby parenthesses）194

其他元素196

script196

脚本语言（script）196

noscript199

无法运行脚本程序时的替代内容（nosprict）199

style200

样式信息（style info）200

bdo203

改变文字显示方向（bidirectional override）203

nobr204

禁止断行（no break）204

wbr205

可断行处（word break）205

marquee206

跑马灯（marquee）206

blink208

点灭文字（blinking text）208

multicol209

多重字段（multicol）209

embed210

内嵌对象（embedded object）210

bgsound212

背景音乐（background sound）212

spacer214

空白空间（spacer）214

全体通用属性216

ID216

元素识别名称216

class216

元素类别名称216

title216

元素的补充数据216

style217

元素样式设置217

lang217

语言码设置217

dir217

设置元素标签属性的文字走向217

xml:lang218

语言码设置218

Part 2　CSS220

认识CSS220

CSS的优势220

CSS的声明原则221

CSS的属性值222

CSS的元素模型（box）226

CSS的选择器227

文字样式233

font-family233

指定字体233

color235

指定文字颜色235

font-style238

指定字体的样式（斜体）238

font-weight240

指定字体的粗细（粗体）240

font-size242

指定文字的大小242

font-variant244

小型的大写字体（small-caps）244

font245

复合指定文字相关的属性245

段落样式247

text-indent247

首行缩进247

text-align249

对齐段落249

text-decoration251

装饰文字251

text-transform253

设置文字的大小写253

letter-spacing254

指定字符间距254

word-spacing255

指定英文单字间距255

white-space256

空格、Tab、换行的处理256

背景样式259

background-color259

指定背景色259

background-image262

指定背景图片262

background-repeat265

指定背景图片的排列方式265

background-attachment268

固定背景图片的位置268

background-position270

指定背景图片的位置270

background273

复合指定背景相关的属性273

边界样式275

margin-top275

指定上边界275

margin-bottom276

指定下边界276

margin-left277

指定左边界277

margin-right278

指定右边界278

margin279

复合指定边界相关的属性279

框线样式281

border-top-width border-right-width border-bottom-width border-left-width指定框线粗细（上、下、左、右4个边）281

border-top-color border-right-color border-bottom-color border-left-color指定框线颜色（上、下、左、右4个边）283

border-top-style border-right-style border-bottom-style border-left-style指定框线样式（上、下、左、右4个边框线样式）285

border-top border-right border-bottom border-left同时指定框线粗细、颜色、样式（上、下、左、右4个边）287

border-width290

同时指定框线粗细290

border-style292

同时指定框线样式292

border-color294

同时指定框线颜色294

border296

综合设置框线的粗细、样式、颜色296

边距样式298

padding-top298

指定上边距298

padding-bottom300

指定下边距300

padding-left302

指定左边距302

padding-right304

指定右边距304

padding306

复合指定边距相关的属性306

位置样式308

position308

指定元素的位置配置方式308

top311

指定上方位置311

left313

指定左方位置313

bottom315

指定下方位置315

right317

指定右方位置317

float319

指定图文串排的配置319

clear321

解除图文串排的配置321

overflow323

超出显示范围的内容处理323

z-index325

设置堆叠顺序325

display327

指定元素显示的形式327

unicode-bidi329

指定文字的读写方向329

direction331

指定文字的显示方向331

vertical-align333

指定垂直对齐的位置333

visibility336

显示与隐藏336

长宽样式338

line-height338

指定行高338

width340

指定宽度340

height342

指定高度342

max-width344

指定最大宽度344

max-height345

指定最大高度345

min-width346

指定最小宽度346

min-height347

指定最小高度347

项目样式348

list-style-type348

指定项目符号的种类348

list-style-image351

指定图片作为项目符号351

list-style-position353

指定项目符号的排列位置353

list-style355

复合指定项目相关的属性355

表格样式357

table-layout357

表格显示的设置357

border-collapse359

单元格框线显示的设置359

border-spacing361

指定单元格间距361

caption-side363

指定表格标题的位置363

empty-cells365

隐藏与显示空白单元格的框线365

内容追加样式367

content367

追加元素标签内容367

quotes369

追加嵌套标记369

counter-increment371

递增连续号码的值371

counter-reset373

重新设置连续号码的值373

outline-width375

指定外框的宽度375

outline-style377

指定外框的样式377

outline-color379

指定外框的颜色379

outline381

复合指定外框相关的属性381

cursor383

指定鼠标指针的形状383

附录386

附录A 浏览器与元素、属性对应表386

附录B 网页安全色403

Index 字母索引407

基础XHTML文件结构basic_xhtml.html25

包含title子元素的head元素标签head_basic.html26

包含meta子元素的head元素标签head_meta.html27

包含script子元素的head元素标签head_script.html27

指定title元素标签的lang属性title_lang.html28

为文件加入关键字、作者、内容简介等附加信息meta_name.html29

不让robot型搜索引擎登录网页文件，并说明文件所使用的编码与语言meta_robot.html30

为在指定的时间过后（本例为10秒），自动跳转浏览的网页页面meta_refresh.html30

指定网页文件的背景颜色body_bgcolor.html32

指定网页文件的背景图案body_backgroud.html32

指定网页文件的全体文字、超链接文字颜色body_text.html33

指定网页文件内容的上、左空白边界body_margin.html33

指定网页文件的背景为浮水印图案body_fixed.html34

指定文件内容的标题级别（大小）hn.html35

指定文件内容的标题级别对齐方式hn_align.html36

设置标题级别的样式hn_style.html36

在网页文件内容中放置作者联系信息address.html37

指定div元素的识别符div.html38

指定div元素标签内容的对齐方式div_align.html39

设置div元素标签内容的样式div_style.html39

指定span元素的识别符span.html40

利用span元素标签设置段落内部分文字的网底div_bg.html41

利用span元素标签设置段落内部分文字的样式span_style.html41

显示被省略的文件内容abbr.html42

显示首字母缩写的完整单词acronym.html43

文章部分内容的强调em.html44

文章部分内容二段式的强调strong.html45

指定文章中的定义名称dfn.html46

指定用户利用键盘输入数据kbd.html47

输出一段错误信息的内容samp.html48

输出一段错误信息的内容code.html49

标识程序代码中的变量var.html50

标识文件内容的引证来源cite.html51

建立引用文区块blockquote.html52

加注引用文区块的来源URI blockquote_cite.html53

设置引用文区块的样式blockquote_style.html53

建立简短的引用文q.html54

加注简短引用文的来源URI q_cite.html55

设置简短引用文的样式q_style.html55

编写数学方程式sup.html56

编写化学方程式sub.html57

建立文件内容的段落p.html58

指定p元素标签内容的对齐方式p_align.html59

设置p元素标签的段落样式p_style.html60

段落中强迫文字换行br.html61

图片的强迫换行br_img.html62

解除文字对图片的围绕br_clear.html62

标识新增的文件编辑内容ins.html63

指定新增内容或新增原因的URI与时间ins_cite.html64

指定新增内容的补充说明与时间ins_title.html64

标识删除的文件编辑内容del.html65

指定删除内容或删除原因的URI与时间del_cite.html66

指定删除内容的补充说明与时间del_title.html66

保持文字格式pre.html67

原始格式文字内的特殊符号与标签pre_other.html68

不运行元素标签的保持文字格式plaintext.html69

不运行元素标签，但保持文字格式xmp.html70

将文字设置为粗体b.html71

将文字设置为斜体i.html72

将文字放大显示big.html73

将文字缩小显示small.html74

为文字加上删除线（A）strike.html75

为文字加上删除线（B）s.html76

为文字加上下划线u.html77

将“标签属性”中的文字设置成等宽字体tt.html78

指定默认文字大小basefont_size.html79

指定默认文字大小与颜色basefont_color.html80

指定默认文字大小与字体basefont_face.html80

指定文字大小font_size.html82

指定文字大小与颜色font_color.html82

指定文字大小与字体font_face.html82

指定标签内容为居中排列center.html83

建立分隔线hr.html85

指定分隔线宽度、颜色与排列方式hr_color.html85

指定分隔线粗细、非立体与样式hr_style.html85

建立无序列表ul.html87

空心圆点○符号的无序列表ul_circle.html87

实心方块■符号的无序列表ul_square.html87

层次式无序列表ul_3.html88

无序列表的样式设置ul_style.html88

建立有序编号列表ol.html90

设置有序列表的编号样式ol_type.html90

设置有序列表的编号起始值ol_start.html90

设置列表项目li.html92

个别指定列表项目的符号li_type.html92

个别指定列表项目的编号、起始值与样式li_value.html93

定义列表、项目、说明dd.html96

定义项目、说明的样式设置dd_style.html97

以CSS样式表设置定义列表的样式dd_css.html97

建立目录列表dir.html98

建立选项列表menu.html100

建立文件的文字超链接a.html103

为文字超链接加入补充说明a_title.html104

快速跳跃相同文件中的阅读位置a_name.html104

建立电子信箱（E-mail）的超链接a_mail.html105

跳转到不同文件中的阅读位置a_href.html105

文件下载的超链接设置a_file.html106

利用快捷键选定超链接a_accesskey.html107

在新窗口打开超链接目标a_target.html107

建立目前文件与前后文件的资源关联link.html109

关联外部CSS层叠样式表文件link_css.html109

设置文件中所有相对URI的基准URI base_href.html110

指定基准的框架目标或目标窗口base_target.html111

指定图片的大小img_size.html113

指定图片的替代文字img_alt.html114

去除图片超链接的边框img_border.html114

配置图片与文字水平方向的对应关系img_align.html115

配置图片与文字垂直方向的对应关系img_valign.html115

配置图片垂直与水平的空白宽度img_hvspace.html116

播放多媒体文件img_dynsrc.html116

预览图片（低分辨率图片替换）img_lowsrc.html117

播放MOV影像object.html120

播放MPEG影像object_mpeg.html120

传递参数给Java Applet程序param.html121

传递参数给FLASH程序param_flash.html122

在文件中配置Java Applet对象applet.html124

使用a元素建立影像地图map.html125

建立影像地图操作区area.html128

建立指定宽度、宽线框度与对齐方式的表格table.html130

指定表格外框线与内框线table_line.html131

指定表格的框线颜色table_bordercolor.html131

指定单元格与单元格内容的间隔table_cellpadding.html131

指定单元格与单元格间的间隔table_cellspacing.html132

指定表格的背景图案table_background.html132

指定表格表头、页底与主体的背景颜色tbody.html136

指定表格表头、页底与主体的分隔框线tbody_rules.html137

指定表格水平方向一整行的单元格数据对齐方式tr.html139

指定表格水平方向一整行的单元格背景颜色tr_bgcolor.html139

指定单元格的水平宽度与垂直高度td.html141

设置单元格内数据不自动换行td_nowrap.html142

单元格的垂直合并td_rowspan.html142

单元格的水平合并td_colspan.html143

指定标题单元格的对齐方式th_align.html145

设置标题单元格的背景颜色th.html146

合并标题单元格th_span.html146

设置表格标题caption.html147

指定表格标题的位置caption_align.html148

指定表格标题的样式caption_style.html148

分组化表格字段并指定分组字段的单元格宽度colgroup.html150

指定分组字段的单元格数据对齐方式与样式colgroup_align.html150

指定分组表格字段中个别字段的宽度col.html152

指定个别分组字段的数据对齐方式与样式col_align.html152

指定表单的数据传送对象与传送方式form.html154

表单寄信form_mail.html154

单行文字输入字段type_text.html157

单选按钮字段type_radio.html157

可复选的复选框字段type_checkbox.html158

密码输入字段type_password.html158

文件选择字段type_file.html159

传送按钮type_submit.html159

重置按钮type_reset.html160

图片传送按钮type_image.html160

配置传送与重置按钮button.html162

配置图片标签式按钮button_image.html162

应用按钮事件运行Script_button_script.html163

建立选择列表option.html166

选择列表方块option_size.html166

可复选的选择列表框option_multiple.html167

建立分组的选择列表项目optgroup.html168

分组选项的选择列表框optgroup_size.html169

建立搜索字词输入的单行文字输入框isindex.html170

配置多行文字输入字段textarea.html172

配置数据不自动换行的多行文字输入字段textarea_wrap.html172

设置多行文字输入字段的背景图案textarea_image.html172

将字段文字设置成字段的一部分label.html173

将字段文字设置成字段的一部分label.html174

将label元素的标签内容指定成为字段文字label_for.html174

建立表单字段分组legend.html176

改变分组标题的显示位置与分组外观legend_align.html177

建立垂直切割的左右框架窗口frameset_v.html180

建立水平切割的上下框架窗口frameset_h.html181

去除框架边界线frameset_frameborder.html181

设置框架间的距离frameset_spacing.html182

设置框架边界的颜色frameset_bodercolor.html182

设置框架窗口出现滚动条frame_scrolling.html183

设置框架窗口不可改变大小frame_noresize.html183

设置框架内容的边界frame_margin.html184

设置超级链接目标框架frame_left.html184

布置浏览器不支援框架时的替代显示内容noframes.html185

布置文件中的线内框架iframe_src.html187

指定布置到文件中的线内框架大小iframe_size.html188

指定线内框架不出现滚动条iframe_scrolling.html188

指定线内框架不显示框线iframe_frameborder.html189

指定线内框架的排列配置iframe_align.html189

设置超级链接目标为线内框架iframe_target.html190

为文件内容标注注音ruby.html194

标注文字样式设置ruby_style.stml195

显示无法对应标注时所使用的符号ruby_rp.html195

运行文件中的JavaScript脚本程序script.html197

加载外部脚本文件在文件中运行script_src.html198

无法运行脚本程序时以noscript元素的标签内容替代noscript.html199

在网页文件中加入元素的样式设置style.html201

指定样式信息作用的输出媒体style_media.html202

变更文字的显示方向bdo.html203

禁止文字自动断行nobr.html204

在禁止断行的范围中设置一个不破坏文字语意的可断行处wbr.html205

向右移动的跑马灯效果marquee.html207

跑马灯外观样式设置marquee_style.html207

点灭效果的文字blink.html208

将文件内容分栏显示multiclo.html209

使用embed元素播放Flash动画embed.html211

使用embed元素播放MP4多媒体文件embed_mp4.html211

使用embed元素播放AVI影片文件embed_avi.html211

在网页文件中播放背景音乐bgsound.html212

在网页文件中循环播放背景音乐bgsound_loop.html213

设置背景音乐的音量与声道输出bgsound_volume.html213

在文件中布置空白空间spacer.html214

指定文字的字体font-family.html233

使用#rrggbb表示法指定文字的颜色color_rrggbb.html235

使用类别与#rgb表示法指定文字的颜色color_rgb.html236

使用类别与rgb（）表示法指定文字的颜色color_rgb().html236

指定文字为斜体字font-style.html238

指定字体的粗细font-weight.html240

指定文字的大小font-size.html242

指定文字成为小型的大写字体font-variant.html244

同时指定文字的大小与字体font-46.html245

同时指定文字的相关属性font-all.html246

指定首行缩排的距离text-indent.html247

指定段落内文的排列方式text-align.html249

为文字加上装饰效果text-decoration.html251

指定英文字的大小写text-transform.html253

指定字符间的距离letter-spacing.html254

指定单字间的距离word-spacing.html255

按原始格式显示文件内容white-space.html256

连续空格、Tab、换行以一个半角空格替代并自动换行white-space-normal.html257

连续空格、Tab、换行以一个半角空格替代并不自动换行white-space-nowrap.html258

指定网页文件与段落的背景颜色background-color.html259

指定表格的背景颜色background-color-table.html261

为网页加上背景图案background-image.html262

为表格加上背景图案background-image-table.html263

为表单字段加上背景图案background-image-form.html264

单张显示背景图片background-repart.html265

横向重复显示背景图片background-repart-x.html266

纵向重复显示背景图片background-repart-y.html266

格子式重复显示背景图片background-repart-all.html267

固定纵向重复的背景图片background-attachment.html268

固定格子式重复的背景图片background-attachment-a.html269

固定背景图片于正中央background-position.html271

以百分比指定背景图片于右下方background-position-rb.html271

指定背景图片于左下方开始水平重复显示background-position-lb.html272

设置图片在中央重复显示background-245.html273

设置图片在左上方重复显示且固定位置background-2345.html274

利用上边界设置使文字与图片重叠margin-top.html275

设置图片的下边界margin-bottom.html276

设置网页、标题与图片的左边界margin-left.html277

设置图片与段落的右边界margin-right.html278

复合指定边界相关的属性margin.html279

指定文字段落的四边框线粗细border-4.html281

指定文字段落的四边框线颜色border-color.html283

设置框线样式border-style.html285

同时指定框线粗细、颜色、样式border-all.html287

同时指定段落四边框线粗细、颜色、样式border-4all.html288

同时指定框线粗细border-width.html290

同时指定框线样式border-allstyle.html292

同时指定框线颜色border-allcolor.html294

指定全体框线的粗细、样式、颜色allborder.html296

设置元素标签内容的上边距padding-top.html298

设置元素标签内容的下边距padding-bottom.html300

设置元素标签内容的左边距padding-left.html302

设置元素标签内容的右边距padding-right.html304

复合指定边距相关的属性padding.html307

指定段落的绝对、相对配置position.html308

指定段落的绝对配置且位置固定position-fixed.html310

指定段落的上方位置top.html311

指定区块的左方位置left.html313

指定段落的下方位置bottom.html315

指定区块的右方位置right.html317

指定图片的图文串排float.html319

标题与图片同时图文串排float-h.html320

解除图片置左的图文串排配置clear-img.html321

解除左右两侧的图文串排配置clear-both.html322

隐藏超出显示范围的内容overflow-hidden.html323

出现滚动条来滚动超出显示范围的内容overflow-scroll.html324

指定段落的堆叠顺序zindex-p.html325

指定图片的堆叠顺序zindex-img.html326

指定表格以线内元素形式显示display-table.html328

指定文字的读写方向unicode-bidi.html329

指定文字的显示方向direction.html331

图片与文字的垂直对齐vertical-align.html333

td元素的垂直对齐vertical-align-table.html335

隐藏元素visibility.html336

指定段落的行高line-height.html338

指定图片与段落的宽度width.html340

指定图片与段落的高度height.html342

指定图片的最大宽度max-width.html344

指定图片的最大高度max-height.html345

指定图片的最小宽度min-width.html346

指定图片的最小高度min-height.html347

指定项目符号为大写罗马数字list-style-type_cn.html349

指定项目符号为日本平假名的五十音list-style-type.html350

使用图片作为项目符号list-style-image.html351

项目符号的排列位置list-style-position.html353

指定项目元素的符号、图片与排列位置list-style.html355

设置表格的显示方式table-layout.html357

设置单元格框线的显示方式border-collapse.html359

指定单元格间距border-spacing.html361

指定表格标题的显示位置caption-side.html363

隐藏空白单元格的框线empty-cells.html365

指定追加内容content.html367

为元素标签内容追加标记quotes.html369

指定元素的连续递增号码counter-increment.html371

自动层次编号counter-reset.html373

指定外框的粗细outline-width.html375

指定外框的样式outline-style.html377

指定外框的颜色outline-colon.html379

同时指定外框的粗细、样式、颜色outline.html381

改变鼠标指针的形状cursor_a.html383