✍ Scribed by 传智播客高教产品研发部
No coin nor oath required. For personal study only.
HTML5与CSS3是下一代Web应用技术的基础，使互联网进入了一个崭新的时代。本书从HTML5和CSS3的基础知识入手，重点讲解HTML5和CSS3新增功能和最新前端技术，通过大量实例对HTML5和CSS3进行深入浅出的分析，使读者在学习技术的同时，掌握Web开发和设计的精髓，提高综合应用能力。
本书共10章，第1～2章主要讲解HTML5的基础知识，包括HTML5的发展历史、HTML5的优势及浏览器支持情况、HTML5语法及文档基本格式、HTML5的页面元素及属性等。第3～4章主要讲解CSS3入门及CSS3选择器，包括CSS3发展历史、CSS3浏览器支持情况、文本样式属性、属性选择器、关系选择器、伪类选择器等。第5～7章分别讲解盒子模型、元素的浮动与定位、表单的应用，它们是学习网页布局的核心。第8章主要讲解多媒体技术，包括HTML5多媒体的特性、多媒体的支持条件，以及如何在HTML 5中创建音频和视频。第9章讲解CSS3的高级应用，包括变形、过渡和动画等。第10章为实训项目，带领读者使用
HTML5和CSS3等新技术制作一个炫丽的网页。
本书附有配套视频、源代码、习题、教学课件等资源，而且为了帮助初学者更好地学习本书讲解的内容，还提供了在线答疑，希望得到更多读者的关注。
本书系统地讲解了HTML5和CSS3的基础理论和实际应用技术，适合没有基础的读者进行学习。本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材，也可作为前端与移动开发的培训教材，对于广大网站开发人员来说，更是一本不可多得的阅读与参考的优秀读物。
目录......Page 2
扉页......Page 9
版权......Page 10
序言......Page 11
1.1.2 HTML5的优势......Page 15
1.1.3 HTML5浏览器支持情况......Page 16
1.1.4 创建第一个HTML5页面......Page 18
1.2.1 HTML5文档基本格式......Page 21
1.2.2 HTML5语法......Page 22
1.2.3 HTML标记......Page 23
1.2.4 标记的属性......Page 25
1.2.5 HTML5文档头部相关标记......Page 26
1.3.1 标题和段落标记......Page 30
1.3.2 文本格式化标记......Page 35
1.3.3 特殊字符标记......Page 36
1.4.1 常用图像格式......Page 37
1.4.2 图像标记......Page 38
1.4.3 绝对路径和相对路径......Page 42
1.5.1 创建超链接......Page 43
1.5.2 锚点链接......Page 45
1.6 阶段案例——制作HTML5百科页面......Page 46
1.6.2 制作页面......Page 48
本章小结......Page 52
动手实践......Page 53
2.1.1 ul元素......Page 54
2.1.2 ol元素......Page 55
2.1.3 dl元素......Page 57
2.1.4 列表的嵌套应用......Page 58
2.2.1 header元素......Page 60
2.2.2 nav元素......Page 61
2.2.3 article元素......Page 62
2.2.4 aside元素......Page 63
2.2.5 section元素......Page 64
2.2.6 footer元素......Page 66
2.3.1 figure元素和figcaption元素......Page 67
2.3.2 hgroup元素......Page 68
2.4 页面交互元素......Page 70
2.4.1 details元素和summary元素......Page 71
2.4.2 progress元素......Page 72
2.4.3 meter元素......Page 73
2.5.1 time元素......Page 74
2.5.2 mark元素......Page 75
2.5.3 cite元素......Page 76
2.6.1 draggable属性......Page 77
2.6.3 spellcheck属性......Page 78
2.6.4 contenteditable属性......Page 79
2.7 阶段案例——制作电影影评网......Page 80
2.7.2 制作页面......Page 82
本章小结......Page 87
动手实践......Page 88
3.1.1 CSS概述......Page 90
3.1.2 CSS3发展历史......Page 91
3.1.3 CSS3浏览器支持情况......Page 92
3.2.1 CSS样式规则......Page 93
3.2.2 引入CSS样式表......Page 94
3.2.3 CSS基础选择器......Page 101
3.3.1 字体样式属性......Page 107
3.3.2 文本外观属性......Page 113
3.4.1 CSS层叠性和继承性......Page 123
3.4.2 CSS优先级......Page 125
3.5 阶段案例——制作服装推广软文......Page 128
3.5.2 制作页面结构......Page 129
3.5.3 定义CSS样式......Page 130
动手实践......Page 132
4.1.1 E[att^=value]属性选择器......Page 134
4.1.2 E[att$=value]属性选择器......Page 135
4.1.3 E[att*=value]属性选择器......Page 137
4.2.1 子代选择器（>）......Page 138
4.2.2 兄弟选择器（+、～）......Page 139
4.3.1 ：root选择器......Page 142
4.3.2 ：not选择器......Page 143
4.3.3 ：only-child选择器......Page 144
4.3.4 ：first-child和：last-child选择器......Page 146
4.3.5 ：nth-child(n)和：nth-last-child(n)选择器......Page 147
4.3.6 ：nth-of-type(n)和：nth-last-of-type(n)选择器......Page 149
4.3.7 ：empty选择器......Page 150
4.3.8 ：target选择器......Page 151
4.4 伪元素选择器......Page 153
4.4.1 ：before选择器......Page 154
4.4.2 after选择器......Page 155
4.5 链接伪类......Page 156
4.6 阶段案例——制作网页设计软件列表......Page 158
4.6.1 分析效果图......Page 159
4.6.2 制作页面结构......Page 160
4.6.3 定义CSS样式......Page 162
本章小结......Page 164
动手实践......Page 165
5.1.1 认识盒子模型......Page 167
5.1.2
📜 SIMILAR VOLUMES
《HTML5+CSS3网页设计基础教程》全面讲述了HTML5+CSS3网页设计基础知识体系。全书共分为18章，主要内容包括：Web开发概述、HTML/XHTML/HTML5发展历程、HTML5文档的创建、HTML5表单的使用、图形/图像的绘制、音频与视频的播放与控制、本地存储体系、离线应用开发、Web Workers多线程处理、CSS3选择器、文本及修饰、背景和边框处理、变形与动画、网页布局等，并且运用大量实例对各种关键技术进行深入浅出的分析。 《HTML5+CSS3网页设计基础教程》内容丰富、结构合理、思路清晰、语言简练流畅、示例翔实。本书面向期望学习HTML和CSS的Web开发人员，适合作
本书打破传统学科体系构建教材篇章的固有模式，以项目为载体，采用任务驱动的方式展开阐述，使读者可以在项目实践中学习理论与技术，构建知识体系。教材内容由6个项目组成，每个项目根据开发的路线分若干任务，项目任务之后还安排了“项目进阶”和“课外实践”以提示读者对项目进行创新改进，加强自主学习，拓展知识。 项目1为概貌体验项目，围绕一个体验网站的配置、调试、部署，介绍网页设计中的开发环境及工具、网页设计、调试的过程与方法、网站发布的操作步骤等，让读者对网站设计的相关技术有一个感性的认识； 项目2到项目6以递增的方式逐介绍网站前台设计的方法、技术和工具，使学习者在做中学、学中做，循序渐进地掌握网页设计的主
《HTML5+CSS3网页设计基础》全面介绍HTML5和CSS3的基本知识以及应用HTML5+CSS3制作网页的技术。全书共分为12章，详细介绍网页的基本结构、网页基本元素、CSS基本知识、如何定义页面元素的样式、属性选择器、盒子模型、元素背景、CSS布局技术、链接和导航的设计、网页交互元素表单、CSS3动画制作、多媒体嵌入技术、网站开发流程、网站前台页面制作技术等内容。 《HTML5+CSS3网页设计基础》内容丰富、结构合理、语言简洁流畅、示例翔实，主要面向网页制作初学者，既可作为高等职业院校计算机、网络、软件等专业及相关专业的网站开发和网页制作教材，也可作为网页制作爱好者、网站开发人员及维
《HTML5+CSS3网页设计案例教程》主要讲解使用HTML5、CSS3和JavaScript语言设计和制作网页的技术及方法。全书共分7章，由浅入深地介绍HTML5和CSS3规范及技术的使用方法，在讲述HTML5技术时，在HTML基础规范的基础上，循序渐进地引入HTML5的新规范和新技术，重点放在网页设计和制作过程中常用的部分；对CSS3的讲解则重点放在设计和制作网页过程中提供的新规范，并通过示例引入当前网页设计领域中流行的设计风格。在介绍JavaScript的基础上，结合HTML5提供的一些新功能，实现更广泛的交互应用和特效。最后还引入了当前使用非常广泛的基于HTML5、CSS3和JavaS
本书依据互联网行业对Web前端开发工程师岗位技术与能力的要求，结合作者长期在网页设计教学中积累的经验，由浅入深、循序渐进地介绍了HTML5、CSS3、JavaScript等前端网页设计技术。 全书共分为13章，全面讲述HTML5、CSS3和JavaScript技术。第1～8章重点介绍网页设计的相关概念、HTML5语言基础和网页设计开发工具Sublime Text的使用；第9、10章讲解CSS3样式表与网页布局的相关知识；第11、12章讲述JavaScript语言的相关内容和前台动态页面的制作；第13章讲解HTML5高级应用技术。本书图文并茂、通俗易懂，可作为高等学校计算机科学与技术、软件工程、