响应式Web开发项目教程（HTML5+CSS3+Bootstrap）（第2版）全套PPT课件.pptx

第1章HTML5+CSS3初体验《响应式Web开发项目教程（HTML5+CSS3+Bootstrap）（第2版）》第1章HTML5CSS3初体验教学PPT.pptx第2章CSS3文本与图标教学PPT.pptx第3章CSS3过渡、变形与动画教学PPT.pptx第4章HTML5表单的应用教学PPT.pptx第5章HTML画布_柴永菲教学PPT.pptx第6章HTML视频和音频教学PPT.pptx第7章响应式Web设计教学PPT.pptx第8章Bootstrap（上）教学PPT.pptx第9章Bootstrap（下）教学PPT.pptx

学习目标/Target了解HTML5和CSS3的优势掌握HTML5的基本语法和语义化标签熟悉CSS的基本使用掌握CSS3边框、背景、阴影和渐变的设置

章节概述/Summary十几年前，人们开始用计算机在互联网上查询信息、社交、购物；几年前，大多数人变成了低头一族，移动互联网让人们依靠一部智能手机，就能够在一个陌生的城市找到自己想去的任何地方。那么，在这样一个移动互联网的时代，若要制作出一个符合实际需要的网页，HTML5+CSS3技术是我们必须要掌握的。本章将带大家走进HTML5+CSS3的世界。

目录/ContentTML5和CSS3的优势CSS的基本使用项目【1-1】三栏布局页面HTML5的基本使用

目录/ContentSS3边框属性CSS3背景设置CSS3阴影和渐变【项目1-2】许愿墙

HTML5和CSS3的优势1.1

先定一个小目标！了解HTML5的优势，能够说出HTML5的三大优势1.1.1HTML5的优势

1.1.1HTML5的优势HTML5不仅仅是HTML规范的当前必威体育精装版版本，也代表了一系列Web相关技术的总称，它把代码重复率很高的功能提取为header、nav标签等，它的核心理念是将一切新特性与原有功能保持平滑过渡，HTML5的优势：进化而非颠覆化繁为简良好的用户体验

HTML5进化的重大意义还在于，它从技术层面带来了8个类别的革新：语义网（Semantics）：提供了一组丰富的语义化标签。离线存储（OflineStorage）：HTML5AppCache、LocalStorage、IndexedDB和FileAPI使Web应用程序更加迅速，并提供了离线使用的能力。设备访问（DeviceAccess）：增强了设备感知能力，使得Web应用在电脑、Pad、手机上均能使用。通信（Connectivity）：增强了通信能力，意味着增强了聊天程序的实时性和网络游戏的顺畅性。多媒体（Multimedia）：音频视频能力的增强是HTML5的最大突破。图形和特效（3D,GraphicsEffects）：Canvas、SVG和WebGL等功能使得图形渲染更高效、页面效果更加炫酷。性能和集成（PerformanceIntegration）：WebWorker使浏览器可以多线程处理后台任务而不阻塞用户界面渲染。同时，性能检测工具方便评估程序性能。呈现（CSS3）：CSS3可以很高效地实现页面特效，并不会影响页面的语义和性能。1.1.1HTML5的优势

1.1.1HTML5的优势HTML5以“简单至上，尽可能简化”为原则做了改进，具体介绍如下：简化了DOCTYPE和字符集声明。强化了HTML5API，使页面设计更加简单。以浏览器的原生能力代替复杂的JavaScript代码。精确定义的错误恢复机制，如果页面中有错误，也不会影响整个页面的显示。

1.1.1HTML5的优势HTML5以“用户至上”为宗旨，具体介绍如下：在遇到冲突时，规范的优先级为：用户页面作者实现者（浏览器）规范开发者（W3C/WHATWG）纯理论。HTML5还引入了一种新的安全模型来保证HTML5足够安全。各大浏览器对HTML5的支持正在不断完善，越来越多的开发者尝试在项目中使用HTML5。

先定一个小目标！了解CSS3的优势，能够说出CSS3的两大优势1.1.2CSS3的优势

1.1.2CSS3的优势CSS即层叠样式表（CascadingStyleSheets），主要用于设置HTML页面中的各种元素的样式。CSS3是目前CSS规范的必威体育精装版版本，CSS3的优势：节约成本提高性能

1.1.2CSS3的优势关于CSS3节约成本和提高性能，具体介绍如下：在老版本的CSS中，这些功能都需要大量的代码或复杂的操作来完成，有些动画功能还涉及JavaScript脚本。CSS3的新功能帮我们摒弃了冗余的代码结构。远离很多JavaScript脚本或者Flash代码。网页设计者