HTML5+CSS3网站设计基础教程

《HTML5+CSS3网站设计基础教程》是Web前端开发工程师的入门读物，本书配套有PPT、课程设计、教学视频、课后练习及答案等学习资源，合适初学者学习。

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的基础理论和实际应用技术，适合没有基础的读者进行学习。本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材，也可作为前端与移动开发的培训教材，对于广大网站开发人员来说，更是一本的阅读与参考的优秀读物。

传智播客成立于2006年，它是由中国Java培训第一人张孝祥老师发起，联合全球优选的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，传智播客已成立10年，在这10年期间，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念，坚持培养优秀软件应用工程师的宏伟目标，在累计培养的十万余名学员中，其中90%的学员均已在北、上、广等一线城市高薪就业，特别是“黑马程序员”的平均就业薪资已达到8K以上。为了迎合软件市场的需求，8年期间，我们陆续开设了Java、网页平面、PHP、.Net、iOS、C/C++六个专业方向的课程，并且未来将逐渐开设其他专业方向的课程。随着传智播客的日益壮大，除了北京总部，我们在上海、广州、武汉、成都、深圳等地也创立了直营分支机构，传智播客俨然已成为了国内拥有专业口碑的IT教育机构。

     目  录 CONTENTS 第1章  初识HTML5  1 1.1  HTML5概述  1 1.1.1  HTML5发展历程  1 1.1.2  HTML5的优势  2 1.1.3  HTML5浏览器支持情况  3 1.1.4  创建第一个HTML5页面  4 1.2  HTML5基础  6 1.2.1  HTML5文档基本格式  6 1.2.2  HTML5语法  7 1.2.3  HTML标记  8 1.2.4  标记的属性  10 1.2.5  HTML5文档头部相关标记  12 1.3  文本控制标记  15 1.3.1  标题和段落标记  15 1.3.2  文本格式化标记  19 1.3.3  特殊字符标记  21 第2章  HTML5页面元素及属性  37 2.1  列表元素  37 2.1.1  ul元素  37 2.1.2  ol元素  38 2.1.3  dl元素  40 2.1.4  列表的嵌套应用  41 2.2  结构元素  42 2.2.1  header元素  42 2.2.2  nav元素  43 2.2.3  article元素  44 2.2.4  aside元素  45 2.2.5  section元素  46 2.2.6  footer元素  47 2.3  分组元素  48 2.3.1  figure元素和figcaption元素  48 2.3.2  hgroup元素  49 2.4  页面交互元素  51 2.4.1  details元素和summary元素  51 第3章  CSS3入门  68 3.1  CSS3简介  68 3.1.1  CSS概述  68 3.1.2  CSS3发展历史  69 3.1.3  CSS3浏览器支持情况  70 3.2  CSS核心基础  71 3.2.1  CSS样式规则  71 3.2.2  引入CSS样式表  72 3.2.3  CSS基础选择器  77 3.3  文本样式属性  82 3.3.1  字体样式属性  82 第4章  CSS3选择器  106 4.1  属性选择器  106 4.1.1  E[att^=value]属性选择器  106 4.1.2  E[att$=value]属性选择器  108 4.1.3  E[att*=value]属性选择器  109 4.2  关系选择器  110 4.2.1  子代选择器（>）  110 4.2.2  兄弟选择器（+、~）  111 4.3  结构化伪类选择器  113 4.3.1  :root选择器  113 4.3.2  :not选择器  115 4.3.3  :only-child?选择器  116 4.3.4  :first-child和:last-child选择器  117 4.3.5  :nth-child(n)和:nth-last-child(n)   选择器  118 4.3.6  :nth-of-type(n)和:nth-last-of-type(n) 第5章  CSS盒子模型  134 5.1  盒子模型概述  134 5.1.1  认识盒子模型  134 5.1.2  标记  136 5.1.3  盒子的宽与高  138 5.2  盒子模型相关属性  139 5.2.1  边框属性  139 5.2.2  边距属性  148 5.2.3  box-shadow属性  152 5.3.7  设置背景图像的大小  161 5.3.8  设置背景的显示区域  163 5.3.9  设置背景图像的裁剪区域  164 5.3.10  设置多重背景图像  166 5.3.11  背景复合属性  167 5.4  CSS3渐变属性  169 5.4.1  线性渐变  169 5.4.2  径向渐变  171 第6章  浮动与定位  180 6.1  元素的浮动  180 6.1.1  元素的浮动属性float  180 6.1.2  清除浮动  184 6.2  overflow属性  190 6.3  元素的定位  192 6.3.1  元素的定位属性  192 6.3.2  静态定位static  193 6.3.3  相对定位relative  193 6.3.4  绝对定位absolute  195 6.3.5  固定定位fixed  198 6.3.6  z-index层叠等级属性  198 第7章  表单的应用  211 7.1  认识表单  211 7.1.1  表单的构成  211 7.1.2  创建表单  212 7.2  表单属性  213 7.3  input元素及属性  215 7.3.1  input元素的type属性  216 7.3.2  input元素的其他属性  224 7.4  其他表单元素  231 7.4.1  textarea元素  231 7.4.2  select元素  232 第8章  多媒体技术  249 8.1  HTML5多媒体的特性  249 8.2  多媒体的支持条件  250 8.2.1  视频和音频编解码器  250 8.2.2  多媒体的格式  251 8.3.3  音、视频中的source元素  255 8.3.4  调用网页多媒体文件  257 8.4  CSS控制视频的宽高  258 8.5  视频和音频的方法和事件  260 8.6  HTML5音、视频发展趋势  262 8.7  阶段案例——制作音乐播放界面  262 第9章  CSS3高级应用  269 9.1  过渡  269 9.1.1  transition-property属性  269 9.1.2  transition-duration属性  271 9.1.3  transition-timing-function属性  272 9.1.4  transition-delay属性  274 9.1.5  transition属性  274 9.2  变形  274 9.2.1  认识transform  274 9.2.2  2D转换  275 9.2.3  3D转换  282 9.3  动画  287 9.3.1  @keyframes  287 9.3.2  animation-name属性  288 第10章  实战开发——制作电商网站首页  308 10.1  准备工作  309 10.2  首页面详细制作  314