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

　　全球最畅销Web入门书最新版，热销100万册

　　配套网站提供海量精彩示例

　　逐步指导快速创建响应式网站

译者序
　　HTML和CSS是万维网的根基。几年前，遵循Web标准之风盛行，网页结构与表现分离成为共识，网站开发人员普遍开始采用渐进增强的最佳实践，业内对HTML和CSS的认知度和重视度都得到了一次跨越式的提升。近年来，随着HTML5和CSS3技术的快速发展，HTML和CSS被赋予更强的功能性，它们的地位又到了前所未有的高度。
　　HTML和CSS的发展与变化，主要体现在两个方面。一是编写代码的方式有变化，例如，现在的智能手机普遍采用像素密度极高的Retina显示屏，如果还用过去的方式在网页中插入图像，这些图像在手机上就会显得不够锐利和清晰，因此我们有必要改变编写img标签的方式（参见本书5.8节）。二是新的技术取代了传统手段，例如，过去为了对标题等特殊文本使用不一样的字体，产生了图像替换文本的方法，现在，随着Web字体技术的成熟，人们可以使用更为简单、优雅的方式实现上述效果（参见本书第13章）。
　　过去的经验告诉我们，对于Web开发初学者来说，从一开始就学习最新技术和最佳实践，既可以节省时间，也有利于培养良好的编码习惯（因为避免了那些过时的编码方式和陈旧的技术手段的干扰）。
　　本书是HTML与CSS经典入门教程，目前已更新至第8版（第1版出版于18年前的万维网兴起之初）。跟过去的所有版本一样，本次新版也力图反映最新的编码实践与技术。相较于上一版，这一版几乎对全书的每个章节都有更新——删除了一些过时的做法，增加了不少新的提示与补充材料，大部分代码示例都进行了重写（相应的浏览器截图也都做了更新）。第8版不仅增加了一些新的知识板块（例如创建和使用为Retina显示屏准备的图像，通过使用可伸缩图像、弹性布局和媒体查询实现响应式网站等），还重新梳理了一些重点知识（例如对CSS层叠规则的讲解就重新整理了特殊性、顺序和重要性的关系）。
　　这套教程的经典之处是独特的分步讲解形式，贯穿全书的统一示例，以及通过提示和补充材料给出的丰富的扩展学习资源，因此对初学者而言，这套图书历来是学习效率的保证。新版不仅保留了这些经典的做法，还紧跟技术发展对内容做了全面更新，如果你是Web开发与设计的初学者，没有理由不将此书作为唯一的HTML与CSS入门书。
　　最后，借此机会，感谢图灵公司对我的信任与支持，感谢刘美英编辑，感谢她付出艰辛的努力，确保了本书按时出版。

　　Elizabeth Castro，享誉世界的计算机畅销书作家，电子出版先行者，2010年就出版了epub电子书制作教程EPUB Straight to the Point。Castro 擅长使用详实的步骤和精美的实例教大家快速实现具体效果，她的HTML与CSS系列教程自出版以来广受读者欢迎，成为学习前端开发的首选参考图书。

　　Bruce Hyslop，自1997年就开始从事网页开发，重点关注使用HTML、CSS和JavaScript进行网页开发和网站易用性的维护，并倡导最佳实践。Hyslop在加州大学洛杉矶分校进修部教授CSS课程，还著有The HTML Pocket Guide、The Web Design Pocket Guide Boxed Set。

第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