HTML＆CSS常用标签速查手册PDF电子书下载

第1篇　HTML参考手册 3

第1章　HTML的基本概念 3

1.1　什么是HTML 3

1.2　一个简单的HTML实例 3

1.3　元素和属性的写法 4

1.3.1　元素的书写格式 4

1.3.2　元素属性的书写格式 5

1.4　HTML与网页的关系 8

1.5　编写和开发HTML的工具 10

第2章　页面基本元素 11

2.1　页面基础元素：〈html〉 11

2.1.1　文本显示方向属性：dir 12

2.1.2　指定语言属性：lang 13

2.2　页面头部元素：〈head〉 14

2.3　页面标题元素：〈title〉 15

2.4　元信息元素：〈meta〉 16

2.4.1　元信息元素名称属性：name 16

2.4.2　元信息元素的值：content 16

2.4.3　元信息元素的附加属性：http-equiv 17

2.4.4　定义页面的跳转 17

2.5　基本设置元素：〈base〉 18

2.5.1　链接路径属性：herf 19

2.5.2　链接窗口属性：targer 20

2.6　创建样式元素：〈style〉 20

2.6.1　类型属性：type 21

2.6.2　类型属性：media 22

2.7　链接元素：〈link〉 23

2.7.1　指定链接路径属性：href 24

2.7.2　源文档与目标文档关系属性：rel、rev 25

2.7.3　链接样式文件 25

2.7.4　制作收藏夹图标 27

2.8　页面主体元素：〈body〉 27

2.8.1　主体元素的背景属性：bgcolor 29

2.8.2　主体元素的背景图片属性：background 30

2.8.3　主体元素的背景图片滚动属性：bgproperties 31

2.8.4　主体元素的文本属性：text 32

2.8.5　IE浏览器中的左边界属性：leftmargin 33

2.8.6　IE浏览器中的上边界属性：topmargin 34

2.8.7　主体元素中使用样式属性：style 35

2.8.8　主体元素中调用样式属性：class 36

2.9　使用背景音乐 37

2.9.1　IE浏览器中添加背景音乐元素：〈bgsound〉 37

2.9.2　背景音乐的路径属性：src 37

2.9.3　背景音乐的重复属性：loop 38

第3章　文本和段落元素 39

3.1　层元素：〈div〉 39

3.1.1　标记属性：id 40

3.1.2　调用样式属性：class 42

3.1.3　创建样式属性：style 43

3.1.4　对齐属性：align 44

3.1.5　取消自动换行属性：nowrap 46

3.1.6　标题属性：title 47

3.2　标题元素 48

3.3　段落元素：〈p〉 49

3.4　文本的间隔和布局 50

3.4.1　换行元素：〈br〉 50

3.4.2　缩进元素：〈blockquote〉 52

3.4.3　保留格式元素：〈pre〉 52

3.4.4　取消换行元素：〈nobr〉 53

3.4.5　引用元素：〈q〉 54

3.4.6　地址元素：〈address〉 55

3.5　水平分隔线元素：〈hr〉 56

3.5.1　高度属性：size 57

3.5.2　样式属性：noshade 57

3.5.3　宽度属性：width 58

3.5.4　对齐属性：align 59

3.5.5　颜色属性：color 60

3.6　基于物理样式的文本元素 61

3.6.1　加粗元素：〈b〉 61

3.6.2　放大元素：〈big〉 62

3.6.3　缩小元素：〈small〉 63

3.6.4　斜体显示元素：〈i〉 64

3.6.5　下标元素：〈sub〉 64

3.6.6　上标元素：〈sup〉 65

3.6.7　等宽元素：〈tt〉 66

3.7　基于内容的文本元素 66

3.7.1 强调元素：〈em〉 67

3.7.2　加粗的强调元素：〈strong〉 67

3.7.3　提取元素：〈samp〉 68

3.7.4　首字母缩写元素：〈acronym〉 68

3.7.5　变量显示元素：〈var〉 68

3.7.6　文献参考元素：〈cite〉 69

3.7.7　键入文本元素：〈kbd〉 69

3.7.8　术语元素：〈dfn〉 70

3.7.9　缩写元素：〈abbr〉 70

3.7.10　等宽元素：〈code〉 71

第4章　列表元素 73

4.1　无序列表元素：〈ul〉 73

4.2　有序列表元素：〈ol〉 76

4.2.1　项目符号的类型属性：type 78

4.2.2　有序列表的起始值属性：start 79

4.3　列表条目元素：〈li〉 80

4.3.1　项目符号的类型属性：type 80

4.3.2　条目编号属性：value 81

4.4　定义列表元素：〈dl〉 82

4.4.1　定义列表术语元素：〈dt〉 82

4.4.2　定义列表条目说明元素：〈dd〉 83

第5章　图像元素 85

5.1 图像元素的路径属性：src 85

5.2　代替图片的文本属性：alt 86

5.3 图像元素的宽度属性：width 86

5.4　图像元素的高度属性：height 87

5.5　图像元素的边框属性：border 89

5.6　代替图片的长文本属性：longdesc 89

5.7　上下边距属性：vspace 90

5.8　图像元素的左右边距属性：hspace 91

5.9　图像元素的对齐属性：align 92

5.10　图像服务器端映射属性：ismap 93

5.11 图像服务器端映射属性：usemap 94

第6章　表格元素 95

6.1　表格元素的结构 95

6.1.1　表格元素：〈table〉 95

6.1.2 行元素：〈tr〉 97

6.1.3 单元格元素：〈td〉 97

6.2　〈table〉素的属性 98

6.2.1　边框属性：border 98

6.2.2　水平对齐属性：align 99

6.2.3　高度属性：height 101

6.2.4　宽度属性：width 102

6.2.5　边框颜色属性：bordercolor 103

6.2.6　边框暗边线属性：bordercolordark 104

6.2.7　边框亮边线属性：bordercolorlight 105

6.2.8　背景颜色属性：bgcolor 106

6.2.9　背景图片属性：background 107

6.2.10　单元格间距属性：cellspacing 108

6.2.11　单元格补白属性：cellspadding 108

6.2.12　表格单元格边框属性：rules 109

6.2.13　表格边框属性：frame 110

6.3　〈tr〉元素的属性 111

6.3.1　水平对齐属性：align 111

6.3.2　垂直对齐属性：valign 112

6.3.3　背景颜色属性：bgcolor 113

6.3.4　边框颜色属性：bordercolor 114

6.3.5　边框暗边线属性：bordercolordark 115

6.3.6　边框亮边线属性：bordercolorlight 115

6.4　〈td〉元素的属性 115

6.4.1　宽度属性：width 115

6.4.2　高度属性：height 117

6.4.3　背景颜色属性：bgcolor 118

6.4.4　背景图片属性：background 119

6.4.5　水平对齐属性：align 120

6.4.6　垂直对齐属性：valign 121

6.4.7　边框属性：bordercolor 122

6.4.8　合并列属性：colspan 123

6.4.9　合并行属性：rowspan 124

6.4.10　同行显示属性：nowrap 126

6.5　表格中使用的其他元素 128

6.5.1　表格标题元素：〈caption〉 128

6.5.2　表格头部元素：〈th〉 129

6.5.3　表格头行元素：〈thead〉 130

6.5.4　表主体元素：〈tbody〉 131

6.5.5　表格行尾元素：〈tfoot〉 133

6.5.6　表格的列组元素：〈colgroup〉 135

6.5.7　表格的列组元素的合并属性：span 136

6.5.8　列组的列元素：〈col〉 136

第7章　链接元素 139

7.1 链接和路径 139

7.1.1　超链接的概念 139

7.1.2　路径：url 140

7.2　链接元素：〈a〉 141

7.2.1　指定路径属性：href 142

7.2.2　显示链接目标属性：target 142

7.2.3　激活顺序属性：tabindex 144

7.2.4　链接的热键属性：accesskey 145

7.3　图像链接 146

7.3.1　创建链接区域元素：〈map〉 146

7.3.2　链接区域的名称属性：name 146

7.3.3　定义鼠标敏感区元素：〈area〉 146

7.3.4　链接的路径属性：href、nohref 148

7.3.5　链接的文本说明属性：alt 149

7.3.6 鼠标敏感区坐标属性：coords 149

7.3.7 鼠标敏感区形状属性：shape 151

第8章　表单元素 153

8.1　表单元素：〈form〉 153

8.1.1　动作属性：action 154

8.1.2　发送数据方式属性：method 156

8.1.3 名称属性：name 157

8.1.4　编码属性：enctype 157

8.2　表单控件元素：〈input〉 158

8.2.1　文本域：text 158

8.2.2　密码区域：password 159

8.2.3　提交按钮：submit 160

8.2.4　复位按钮：reset 161

8.2.5　图像按钮：image 162

8.2.6　单击按钮：button 163

8.2.7　复选框：checkbox 163

8.2.8　单选按钮：radio 164

8.2.9　隐藏区域：hidden 165

8.3　〈input〉元素的属性 166

8.3.1　只读属性：readonly 166

8.3.2　不可用属性：disabled 167

8.4　选择列表条目元素：〈option〉 168

8.5 按钮元素：〈button〉 170

8.6　选择列表元素：〈select〉 171

8.6.1　高度属性：size 171

8.6.2　多项选择属性：multiple 173

8.7　文本区域元素：〈textarea〉 173

8.7.1　宽度属性：cols 174

8.7.2　高度属性：rows 175

8.8　表单标记元素：〈label〉 176

8.8.1　定义目标属性：for 176

8.8.2　定义热键属性：accesskey 177

第9章　框架元素 179

9.1　框架集元素：〈frameset〉 179

9.1.1　行属性：rows 180

9.1.2　列属性：cols 181

9.1.3　边框属性：frameborder 183

9.1.4　边框宽度属性：framespacing 184

9.1.5　边框宽度属性：border 185

9.1.6　边框颜色属性：bordercolor 186

9.2　框架内容元素：〈frame〉 187

9.2.1 内容的路径属性：src 188

9.2.2　滚条属性：scrolling 189

9.2.3　固定尺寸属性：noresize 189

9.2.4　内容的显示位置属性：marginheight和marginwidth 191

9.2.5　边框属性：frameborder 193

9.3　不支持框架元素：〈noframes〉 196

9.4　内联框架元素：〈iframe〉 197

第2篇　CSS参考手册 201

第10章　CSS的概念 201

10.1　什么是CSS 201

10.2　CSS与网页显示效果的关系 202

10.3　使用CSS的方法 204

10.3.1　元素中直接添加样式 204

10.3.2　从页面头部〈style〉元素中调用 205

10.3.3　采用链接的形式调用 206

第11章　CSS的语法 207

11.1　选择符 207

11.1.1　id选择符 207

11.1.2　类选择符 208

11.1.3　类型选择符 209

11.1.4　伪类选择符 211

11.1.5　子选择符 212

11.1.6　选择符分组 213

11.2　属性 214

11.3　属性值 216

11.3.1　颜色值 216

11.3.2　长度值 217

11.3.3　百分比值 218

11.4　继承值 219

11.5　默认值 220

11.6　块元素和内联元素 220

11.6.1　块元素 220

11.6.2　内联元素 221

11.7　应用样式的优先级 222

第12章　CSS控制文本的显示 225

12.1　控制字体的显示 225

12.1.1　字体选择属性：font-family 225

12.1.2　字体颜色属性：color 226

12.1.3　字体大小属性：font-size 228

12.1.4　字体样式属性：font-style 230

12.1.5　字体加粗属性：font-weight 231

12.1.6　字体修饰属性：text-decoration 233

12.1.7　字体下划线位置属性：text-underline-position 234

12.1.8　小型大写字母属性：font-variant 235

12.1.9　转换大小写属性：text-transform 237

12.1.10　字母间隔属性：letter-spacing 238

12.1.11　单词间隔属性：word-spacing 240

12.1.12　行高属性：line-height 241

12.1.13　字体综合属性：font 242

12.2　控制文本的显示 243

12.2.1　文本缩进属性：text-indent 244

12.2.2　文本空白属性：white-space 245

12.2.3　文本溢出属性：text-overflow 246

12.2.4　水平对齐属性：text-align 248

12.2.5　垂直对齐属性：vertical-align 249

12.2.6　文本流向属性：layout-flow 251

12.2.7　文本方向属性：direction 253

12.2.8　文本排序属性：unicode-bidi 254

12.2.9　单词换行属性：word-break 256

12.2.10　文本断开换行属性：word-wrap 257

第13章　CSS控制列表元素的显示 259

13.1　列表符号属性：list-style-type 259

13.2　列表符号的混用 261

13.3　列表图像属性：list-style-image 263

13.4　标记位置属性：list-style-position 264

13.5　列表综合属性：list-style 265

第14章　CSS控制表格元素的显示 267

14.1　边框合并属性：border-collapse 267

14.2　表格边框间距属性：border-spacing 269

14.3　表格标题位置属性：caption-side 271

14.4　表格布局属性：table-layout 273

第15章　CSS控制元素的大小 277

15.1　盒模型的概念 277

15.2　元素内容的大小 278

15.2.1　宽度属性：width 278

15.2.2　高度属性：height 279

15.2.3 内容与宽度、高度属性的关系 280

15.3　元素的背景 281

15.3.1　背景颜色属性：background-color 281

15.3.2　背景图片属性：background-image 282

15.3.3　背景图片的重复属性：background-repeat 283

15.3.4　背景图片位置属性：background-position 284

15.3.5　背景图片滚动属性：background-attachment 286

15.3.6　同时使用背景颜色和背景图片属性 287

15.3.7　背景的综合属性：background 288

15.4　元素的补白 289

15.4.1　上补白属性：padding-top 289

15.4.2　右补白属性：padding-right 290

15.4.3　下补白属性：padding-bottom 291

15.4.4　左补白属性：padding-left 292

15.4.5　综合补白属性：padding 293

15.5　元素的边框 294

15.5.1　顶部边框样式属性：border-top-style 294

15.5.2　右侧边框样式属性：border-right-style 296

15.5.3　底部边框样式属性：border-bottom-style 297

15.5.4　左侧边框样式属性：border-left-style 298

15.5.5　顶部边框颜色属性：border-top-color 300

15.5.6　右侧边框颜色属性：border-right-color 301

15.5.7　底部边框颜色属性：border-bottom-color 301

15.5.8　左侧边框颜色属性：border-left-color 302

15.5.9　顶部边框宽度属性：border-top-width 303

15.5.10　右侧边框宽度属性：border-right-width 304

15.5.11　底部边框宽度属性：border-bottom-width 305

15.5.12　左侧边框宽度属性：border-left-width 305

15.5.13　边框样式属性：border-style 306

15.5.14　边框颜色属性：border-color 306

15.5.15　边框宽度属性：border-width 307

15.5.16　边框顶部综合属性：border-top 308

15.5.17　边框右侧综合属性：border-right 309

15.5.18　边框底部综合属性：border-bottom 310

15.5.19　边框左侧综合属性：border-left 310

15.5.20　边框综合属性：border 310

15.6　元素的边界 311

15.6.1　顶部边界属性：margin-top 312

15.6.2　右侧边界属性：margin-right 313

15.6.3　底部边界属性：margin-bottom 314

15.6.4　左侧边界属性：margin-left 316

15.6.5　边界综合属性：margin 317

第16章　CSS控制元素的定位 319

16.1　元素的定位 319

16.1.1　元素的定位属性：position 319

16.1.2　上边偏移属性：top 320

16.1.3　右边偏移属性：right 321

16.1.4　下边偏移属性：bottom 323

16.1.5　左边偏移属性：left 324

16.2　绝对定位 325

16.2.1　绝对定位与父元素 325

16.2.2　绝对定位与相邻元素 326

16.3　相对定位 328

16.3.1　相对定位元素位置的确定 328

16.3.2　相对定位与相邻元素 329

16.4　定位元素的重叠 330

第17章　CSS控制元素的布局 333

17.1　元素的浮动 333

17.1.1　元素的浮动属性：float 333

17.1.2　浮动元素和固定元素 334

17.1.3　多个浮动元素的显示顺序 335

17.2　浮动的清除 337

17.3　内容的剪切 339

17.3.1　内容剪切属性：clip 339

17.3.2　剪切属性与内容 340

17.4　溢出内容的控制 342

17.4.1　溢出属性：overflow 342

17.4.2　横向溢出属性：overflow-x 343

17.4.3　纵向溢出属性：overflow-y 344

17.4.4　滚条和边框 345

17.5　元素的显示方式 346

17.5.1　显示方式属性：display 346

17.5.2　内联块属性值的异常显示 349

17.5.3　隐藏属性值：none 350

17.6　元素的可视性 351

17.6.1　可视属性：visibility 352

17.6.2　可视属性与显示方式属性的关系 353

第18章　CSS控制其他元素的显示 355

18.1　控制滚条的显示 355

18.1.1　滚条3d亮边框颜色属性：scrollbar-3dlight-color&. 355

18.1.2　滚条亮边框颜色属性：scrollbar-highlight-color 356

18.1.3　滚条滑块颜色属性：scrollbar-face-color 358

18.1.4　滚条箭头颜色属性：scrollbar-arrow-color 359

18.1.5　滚条阴影颜色属性：scrollbar-shadow-color 360

18.1.6　滚条拖动区颜色属性：scrollbar-track-color 361

18.2　控制光标的显示 362

18.3　控制打印的显示 366

18.3.1　对象后插入分页符号属性：page-break-after 366

18.3.2　对象前插入分页符号属性：page-break-before 367

18.4　控制元素的缩放 369