HTML5与CSS3基础教程（第8版）pdf

HTML5与CSS3基础教程（第8版） 内容简介

《HTML5与CSS3基础教程(第8版)》自第1版至今，一直是讲解HTML和CSS入门知识的经典畅销书，全面系统地阐述HTML5和CSS3基础知识以及实际运用技术，通过大量实例深入浅出地分析了网页制作的方方面面。全新第8版不仅介绍了文本、图像、链接、列表、表格、表单等网页元素，还介绍了如何为网页设计布局、添加动态效果等，另外还涉及调试和发布。《HTML5与CSS3基础教程(第8版)》提供了一个强大的配套网站，上面列出了书中的完整代码示例以及更多优秀实例及进阶参考资料，以供读者参考学习。

通过学习《HTML5与CSS3基础教程(第8版)》，零起点读者即可创建网站，而中高级水平的开发人员也可以快速了解HTML5新元素、CSS3的奇幻效果、响应式Web设计以及各种实践。

HTML5与CSS3基础教程（第8版） 目录

第1章　网页的构造块　　1

1.1　HTML思想　　1

1.2　基本的HTML页面　　2

1.3　标签：元素、属性、值及其他　　4

1.4　网页的文本内容　　7

1.5　链接、图像和其他非文本内容　　8

1.6　文件名和文件夹名　　9

1.7　URL　　10

1.8　HTML：有含义的标记　　13

1.9　浏览器对网页的默认显示效果　　16

1.10　要点回顾　　17

第2章　处理网页文件　　19

2.1　规划网站　　19

2.2　创建新的网页　　20

2.3　保存网页　　21

2.4　指定默认页面或主页　　24

2.5　编辑网页　　24

2.6　组织文件　　25

2.7　在浏览器中查看网页　　26

2.8　借鉴他人灵感　　28

第3章　基本HTML结构　　30

3.1　开始编写网页　　30

3.2　创建页面标题　　33

3.3　创建分级标题　　34

3.4　普通页面构成　　36

3.5　创建页眉　　37

3.6　标记导航　　39

3.7　标记页面的主要区域　　41

3.8　创建文章　　42

3.9　定义区块　　45

3.10　指定附注栏　　46

3.11　创建页脚　　50

3.12　创建通用容器　　53

3.13　使用ARIA改善可访问性　　56

3.14　为元素指定类别或ID名称　　59

3.15　为元素添加title属性　　61

3.16　添加注释　　62

第4章　文本　　63

4.1　添加段落　　63

4.2　指定细则　　64

4.3　标记重要和强调的文本　　65

4.4　创建图　　67

4.5　指明引用或参考　　69

4.6　引述文本　　70

4.7　指定时间　　72

4.8　解释缩写词　　75

4.9　定义术语　　76

4.10　创建上标和下标　　77

4.11　添加作者联系信息　　79

4.12　标注编辑和不再准确的文本　　80

4.13　标记代码　　83

4.14　使用预格式化的文本　　84

4.15　突出显示文本　　85

4.16　创建换行　　87

4.17　创建span　　88

4.18　其他元素　　89

第5章　图像　　95

5.1　关于Web图像　　95

5.2　获取图像　　99

5.3　选择图像编辑器　　100

5.4　保存图像　　100

5.5　在页面中插入图像　　103

5.6　提供替代文本　　105

5.7　指定图像尺寸　　106

5.8　在浏览器中改变图像的尺寸　　108

5.9　在图像编辑器中改变图像的尺寸　　110

5.10　为网站添加图标　　111

第6章　链接　　113

6.1　创建指向另一个网页的链接　　113

6.2　创建锚并链接到锚　　118

6.3　创建其他类型的链接　　120

第7章　CSS 构造块　　123

7.1　构造样式规则　　123

7.2　为样式规则添加注释　　124

7.3　理解继承　　126

7.4　层叠：当规则发生冲突时　　129

7.5　属性的值　　132

第8章　操作样式表　　139

8.1　创建外部样式表　　139

8.2　链接到外部样式表　　140

8.3　创建嵌入样式表　　142

8.4　应用内联样式　　143

8.5　样式的层叠和顺序　　145

8.6　使用与媒体相关的样式表　　147

8.7　借鉴他人的灵感　　148

第9章　定义选择器　　150

9.1　构造选择器　　150

9.2　按名称选择元素　　152

9.3　按类或ID 选择元素　　153

9.4　按上下文选择元素　　156

9.5　选择第一个或最后一个子元素　　159

9.6　选择元素的第一个字母或者第一行　　161

9.7　按状态选择链接元素　　163

9.8　按属性选择元素　　164

9.9　指定元素组　　168

9.10　组合使用选择器　　169

第10章　为文本添加样式　　171

10.1　本章之前与本章之后　　171

10.2　选择字体系列　　173

10.3　指定替代字体　　174

10.4　创建斜体　　176

10.5　应用粗体格式　　177

10.6　设置字体大小　　179

10.7　设置行高　　184

10.8　同时设置所有字体值　　185

10.9　设置颜色　　187

10.10　设置背景　　188

10.11　控制间距　　195

10.12　添加缩进　　195

10.13　对齐文本　　196

10.14　修改文本的大小写　　197

10.15　使用小型大写字母　　198

10.16　装饰文本　　199

10.17　设置空白属性　　201

第11章　用CSS 进行布局　　202

11.1　开始布局的注意事项　　203

11.2　构建页面　　204

11.3　在旧版浏览器中为HTML5元素添加样式　　206

11.4　对默认样式进行重置或标准化　　208

11.5　盒模型　　209

11.6　控制元素的显示类型和可见性　　211

11.7　设置元素的高度和宽度　　214

11.8　在元素周围添加内边距　　217

11.9　设置边框　　219

11.10　设置元素周围的外边距　　222

11.11　使元素浮动　　224

11.12　控制元素浮动的位置　　226

11.13　对元素进行相对定位　　230

11.14　对元素进行绝对定位　　231

11.15　在栈中定位元素　　232

11.16　处理溢出　　233

11.17　垂直对齐元素　　234

11.18　修改鼠标指针　　235

第12章　构建响应式网站　　237

12.1　响应式Web 设计：概述　　237

12.2　创建可伸缩图像　　239

12.3　创建弹性布局网格　　241

12.4　理解和实现媒体查询　　245

12.5　组合使用　　251

12.6　兼容旧版IE　　257

第13章　使用Web 字体　　259

13.1　什么是Web 字体　　259

13.2　在哪里能找到Web 字体　　261

13.3　下载第一个Web 字体　　263

13.4　理解@font-face 规则　　265

13.5　使用Web 字体设置文本样式　　266

13.6　为Web 字体应用斜体和粗体　　269

13.7　使用Google Fonts 的Web字体　　275

第14章　使用CSS3 进行增强　　278

14.1　浏览器兼容性、渐进增强和polyfill　　278

14.2　理解厂商前缀　　280

14.3　为元素创建圆角　　281

14.4　为文本添加阴影　　284

14.5　为其他元素添加阴影　　285

14.6　应用多重背景　　288

14.7　使用渐变背景　　290

14.8　为元素设置不透明度　　295

14.9　生成内容的效果　　297

14.10　使用sprite 拼合图像　　299

第15章　列表　　301

15.1　创建有序列表和无序列表　　301

15.2　选择标记　　304

15.3　使用定制的标记　　305

15.4　选择列表的起始编号　　308

15.5　控制标记的位置　　309

15.6　同时设置所有的列表样式属性　　310

15.7　设置嵌套列表的样式　　311

15.8　创建描述列表　　314

第16章　表单　　318

16.1　HTML5 对表单的改进　　318

16.2　创建表单　　320

16.3　处理表单　　323

16.4　对表单元素进行组织　　324

16.5　创建文本框　　327

16.6　为表单组件添加说明标签　　330

16.7　创建密码框　　332

16.8　创建电子邮件框、搜索框、电话框和URL 框　　332

16.9　创建单选按钮　　336

16.10　创建复选框　　337

16.11　创建文本区域　　338

16.12　创建选择框　　339

16.13　让访问者上传文件　　341

16.14　创建隐藏字段　　342

16.15　创建提交按钮　　343

16.16　禁用表单元素　　345

16.17　根据状态为表单设置样式　　346

第17章　视频、音频和其他多媒体　　349

17.1　第三方插件和步入原生　　349

17.2　视频文件格式　　350

17.3　在网页中添加单个视频　　351

17.4　为视频添加控件和自动播放　　352

17.5　为视频指定循环播放和海报图像　　354

17.6　阻止视频预加载　　355

17.7　使用多种来源的视频和备用文本　　356

17.8　提供可访问性　　358

17.9　音频文件格式　　358

17.10　在网页中添加带控件的单个音频文件　　359

17.11　自动播放、循环和预加载音频　　360

17.12　提供带备用内容的多个视频源　　361

17.13　添加具有备用Flash 的视频和音频　　362

17.14　高级多媒体　　366

17.15　更多资源　　366

第18章　表格　　368

18.1　结构化表格　　368

18.2　让单元格跨越多列或多行　　371

第19章　添加JavaScript　　373

19.1　加载外部脚本　　374

19.2　添加嵌入脚本　　378

19.3　JavaScript 事件　　378

第20章　测试和调试网页　　380

20.1　验证代码　　380

20.2　测试页面　　382

20.3　尝试一些调试技巧　　385

20.4　检查常见错误：一般问题　　386

20.5　检查常见错误：HTML　　387

20.6　检查常见错误：CSS　　388

20.7　如果图像不显示　　390

第21章　发布网站　　392

21.1　获得域名　　392

21.2　为网站寻找主机　　393

21.3　将文件传送至服务器　　394

附录A　HTML 参考　　398

附录B　CSS 引用　　408

HTML5与CSS3基础教程（第8版） 精彩文摘

1. HTML与HTML5

了解一些有关HTML起源的基础知识对于理解HTML5很有帮助。

HTML诞生于20世纪90年代初，用于详细规定少量构建网页的元素。这些元素中的大多数都用于描述网页内容，如标题、段落、列表、指向其他网页的链接等。随着更多元素的引入以及对语法规则本身的调整，HTML这门语言的版本号也在更新。当前最新的版本便是HTML5。

HTML5是HTML早期版本的自然延续，它尽可能地满足了当前网站和未来网站的需求。它从以前的版本中继承了大部分特性，这意味着，如果你在HTML5出现之前编写过HTML，那么你已经知道很多关于HTML5的知识了。这也意味着，HTML5的大部分内容都可以兼容新旧浏览器。