HTML5与CSS3基础教程（第7版）

Elizabeth Castro 享誉世界的计算机畅销书作家，目前致力于帮助大家出版电子书、设计网页、运用CSS呈现网页和博客等。她擅长使用详实的步骤和精美的实例教大家快速实现具体的效果。有关她的更多信息，可访问其博客ElizabethCastro.com。 Bruce Hyslop 自1997年就开始从事网页开发，重点关注使用HTML、CSS和JavaScript进行网页开发和网站易用性的维护，并倡导最佳实践。Hyslop在加州大学洛杉矶分校进修部教授CSS课程，还著有The HTML Pocket Guide。

代表下一代网页编写技术的HTML5，为网页提供布局和格式的CSS3，这两者构成了Web开发的基石，也是Web程序员和设计师必须熟练掌握的最基本技能。 本书是风靡全球的HTML和CSS最佳入门教程的最新版，上一版单单英文版的销量就超过100万册，被翻译为十多种语言，并长期雄踞亚马逊书店计算机图书排行榜榜首。 最新的第7版秉承前一版直观、透彻、全面、循序渐进的讲授特色，仍然采用独特的双栏图文并排方式，手把手指导读者从零开始轻松入门。在内容上，第7版是一个重大的修订版本，全面反映了HTML5和CSS3的最新特色，让读者对网站设计领域振奋人心的进展感同身受。书中主要内容包括：如何创建HTML5页面，如何使用HTML5元素，如何用CSS3为网页添加样式，如何向页面添加JavaScript代码，如何测试做好的页面并将其上传到万维网。另外，书中还强调了渐进增强这种网站设计方法的重要性，并将其贯穿在全书的具体实践中。 作者专为本书设计了内容丰富的配套网站http://www.bruceontheloose. com/htmlcss/，提供书中全部示例的完整版本、勘误以及大量附加材料。

第1　 章　　网页的构造块　 1 1.1　　基本HTML　 页面　 2 1.2　　　 语义化HTML：有含义的标记　 4 1.3　　标记：元素、属性和值　 8 1.4　　网页的文本内容　 10 1.5　　　 链接、图像和其他非文本内容　 11 1.6　　文件名　 12 1.7　　URL　 13 1.8　　要点回顾　 16 第2　 章　　处理网页文件　 17 2.1　　规划网站　 17 2.2　　创建新的网页　 18 2.3　　保存网页　 19 2.4　　指定默认页面或主页　 21 2.5　　编辑网页　 22 2.6　　组织文件　 23 2.7　　在浏览器中查看网页　 24 2.8　　借鉴他人灵感　 25 第3　 章　　基本HTML　 结构　 27 3.1　　开始编写网页　 27 3.2　　创建页面标题　 30 3.3　　创建分级标题　 31 3.4　　理解HTML5　 的文档大纲　 32 3.5　　对分级标题进行分组　 36 3.6　　普通页面构成　 37 3.7　　创建页眉　 38 3.8　　标记导航　 40 3.9　　创建文章　 42 3.10　　定义区块　 45 3.11　　指定侧栏　 48 3.12　　创建页脚　 51 3.13　　创建通用容器　 54 3.14　　使用ARIA　 提升可访问性　 57 3.15　　为元素指定类或ID　 名称　 60 3.16　　为元素添加title　 属性　 62 3.17　　添加注释　 63 第4　 章　　文本　 65 4.1　　开始新的段落　 65 4.2　　添加作者联系信息　 66 4.3　　创建图　 68 4.4　　指定时间　 69 4.5　　标记重要或强调的文本　 72 4.6　　指明引用或参考　 74 4.7　　引述文本　 74 4.8　　突出显示文本　 76 4.9　　解释缩写词　 78 4.10　　定义术语　 79 4.11　　创建上标和下标　 80 4.12　　标注编辑和不再准确的文本　 82 4.13　　标记代码　 85 4.14　　使用预格式化的文本　 87 4.15　　指定细则　 88 4.16　　创建换行　 89 4.17　　创建span　 90 4.18　　其他元素　 91 第5　 章　　图像　 97 5.1　　关于Web　 图像　 97 5.2　　获取图像　 99 5.3　　选择图像编辑器　 100 5.4　　保存图像　 100 5.5　　在页面中插入图像　 102 5.6　　提供替代文本　 103 5.7　　指定图像尺寸　 104 5.8　　在浏览器中改变图像的尺寸　 106 5.9　　在图像编辑器中改变图像的尺寸　 107 5.10　　为网站添加图标　 108 第6　 章　　链接　 110 6.1　　链接剖析　 110 6.2　　　 创建指向另一个网页的链接　 111 6.3　　创建锚　 116 6.4　　链接到特定的锚　 117 6.5　　创建其他类型的链接　 118 第7　 章　　CSS　 构造块　 121 7.1　　构造样式规则　 121 7.2　　为样式规则添加注释　 122 7.3　　层叠：当规则发生冲突时　 123 7.4　　属性的值　 126 第8　 章　　操作样式表文件　 133 8.1　　创建外部样式表　 133 8.2　　链接到外部样式表　 134 8.3　　创建嵌入样式表　 136 8.4　　应用内联样式　 137 8.5　　位置的重要性　 138 8.6　　使用与媒体相关的样式表　 139 8.7　　提供替代的样式表　 140 8.8　　借鉴他人灵感：CSS　 142 第9　 章　　定义选择器　 143 9.1　　构造选择器　 143 9.2　　按名称选择元素　 145 9.3　　按类或ID　 选择元素　 146 9.4　　按上下文选择元素　 148 9.5　　选择元素的一部分　 152 9.6　　按状态选择链接元素　 154 9.7　　按属性选择元素　 155 9.8　　指定元素组　 159 9.9　　组合使用选择器　 160 9.10　　选择器回顾　 161 第10　 章　　文本的格式化　 162 10.1　　选择字体系列　 163 10.2　　指定替代字体　 164 10.3　　创建斜体　 165 10.4　　应用粗体格式　 167 10.5　　设置字体大小　 168 10.6　　设置行高　 172 10.7　　同时设置所有字体值　 173 10.8　　设置颜色　 174 10.9　　修改文本的背景　 175 10.10　　控制间距　 178 10.11　　增加缩进179 10.12　　设置空白属性　 180 10.13　　对齐文本　 181 10.14　　修改文本的大小写　 182 10.15　　使用小型大写字母　 183 10.16　　装饰文本　 184 第11　 章　　用CSS　 进行布局　 186 11.1　　开始布局注意事项　 186 11.2　　建立页面结构　 188 11.3　　在旧版浏览器中为HTML5元素添加样式　 192 11.4　　对默认样式进行重置或标准化　 194 11.5　　盒模型　 195 11.6　　修改背景　 197 11.7　　设置元素的高度和宽度　 199 11.8　　设置元素周围的外边距　 202 11.9　　在元素周围添加内边距　 204 11.10　　使元素浮动　 206 11.11　　控制元素浮动的位置　 207 11.12　　设置边框　 210 11.13　　偏移自然流中的元素　 212 11.14　　对元素进行绝对定位　 213 11.15　　指定元素的三维位置　 215 11.16　　决定溢出的位置　 216 11.17　　垂直对齐元素　 218 11.18　　修改鼠标指针　 218 11.19　　显示和隐藏元素　 219 第12　 章　　　 样式表——从移动设备到台式机　 222 12.1　　移动战略和注意事项　 222 12.2　　理解和实现媒体查询　 226 12.3　　构建适用于媒体查询的页面　 232 第13　 章　　使用Web　 字体　 241 13.1　　什么是Web　 字体　 241 13.2　　在哪里能找到Web字体　 242 13.3　　下载第一个Web字体　 244 13.4　　使用@font-face　 245 13.5　　　 对Web　 字体添加样式及管理文件大小　 248 第14　 章　　使用CSS3　 进行增强　 251 14.1　　理解厂商前缀　 251 14.2　　浏览器兼容性速览　 252 14.3　　使用polyfill　 实现渐进增强　 253 14.4　　为元素创建圆角　 254 14.5　　为文本添加阴影　 257 14.6　　为其他元素添加阴影　 259 14.7　　应用多重背景　 261 14.8　　使用渐变背景　 262 14.9　　为元素设置不透明度　 265 第15　 章　　列表　 267 15.1　　创建有序列表和无序列表　 267 15.2　　选择标识　 269 15.3　　选择列表的起始编号　 271 15.4　　使用定制的标识　 271 15.5　　控制标识的位置　 273 15.6　　　 同时设置所有的列表样式属性　 274 15.7　　设置嵌套列表的样式　 274 15.8　　创建描述列表　 278 第16　 章　　表单　 282 16.1　　创建表单　 282 16.2　　处理表单　 284 16.3　　通过电子邮件发送表单数据　 287 16.4　　对表单元素进行组织　 288 16.5　　创建文本框　 290 16.6　　创建密码框　 292 16.7　　　 创建电子邮件框、电话框和URL　 框　 293 16.8　　为表单组件添加标签　 294 16.9　　创建单选按钮　 296 16.10　　创建选择框　 297 16.11　　创建复选框　 298 16.12　　创建文本区域　 299 16.13　　让访问者上传文件　 300 16.14　　创建隐藏字段　 301 16.15　　创建提交按钮　 302 16.16　　使用图像提交表单　 303 16.17　　禁用表单元素　 304 16.18　　　 HTML5　 的新特性和浏览器支持情况　 304 第17　 章　　视频、音频和其他多媒体　 306 17.1　　第三方插件及步入原生　 306 17.2　　视频文件格式　 307 17.3　　在网页中添加单个视频　 308 17.4　　视频属性一览　 308 17.5　　为视频添加控件和自动播放　 308 17.6　　　 为视频指定循环播放和海报图像　 310 17.7　　阻止预加载视频　 310 17.8　　使用多个来源的视频　 311 17.9　　多个媒体源和source　 元素　 311 17.10　　　 添加具有备用超链接的视频　 312 17.11　　　 添加具有备用Flash　 的视频　 313 17.12　　提供可访问性　 315 17.13　　添加音频文件格式　 315 17.14　　　 在网页中添加单个音频文件　 316 17.15　　　 在网页中添加带控件的单个音频文件　 316 17.16　　音频属性一览　 317 17.17　　　 为音频添加控件、自动播放并设置循环播放　 317 17.18　　预加载音频文件　 318 17.19　　提供多个音频源　 318 17.20　　　 添加具有备用超链接的音频　 319 17.21　　　 添加具有备用Flash　 的音频　 319 17.22　　　 添加同时具有备用Flash和超链接的音频　 320 17.23　　获取多媒体文件　 321 17.24　　考虑数字版权管理（DRM）　 321 17.25　　嵌入Flash　 动画　 321 17.26　　嵌入YouTube　 视频　 322 17.27　　通过canvas　 操作视频　 322 17.28　　联合使用SVG　 和视频　 323 17.29　　更多资源　 323 第18　 章　　表格　 324 18.1　　结构化表格　 324 18.2　　让单元格跨越多列或多行　 327 第19　 章　　处理脚本　 329 19.1　　加载外部脚本　 329 19.2　　添加嵌入脚本　 332 19.3　　JavaScript　 事件　 332 第20　 章　　测试和调试网页　 334 20.1　　尝试一些调试技巧　 334 20.2　　检查常见错误：一般问题　 336 20.3　　检查常见错误：HTML　 337 20.4　　检查常见错误：CSS　 338 20.5　　验证代码　 339 20.6　　测试页面　 341 20.7　　当图像不出现时　 344 20.8　　仍然有错误　 345 第21　 章　　发布网站　 346 21.1　　获得域名　 346 21.2　　为网站寻找主机　 347 21.3　　将文件传送至服务器　 348 附录A　　HTML　 参考　 352 附录B　　CSS　 引用　 363