CSS3是CSS技术的升级版本，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。HTML5是HTML的第五次重大修改版本，是Web中核心语言HTML的规范，是构建Web内容的一种语言描述方式。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
什么是CSS3？
CSS是Cascading Style Sheets(层叠样式表)的简称，它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
立即学习“前端免费学习笔记（深入）”；
CSS3是CSS(层叠样式表)技术的升级版本，于1999年开始制订，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新，因此通过采用模块方法，CSS3规范里的元素能以不同速度向前发展，因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性，这也让跨浏览器开发变得复杂。
CSS3原理同CSS，是在网页中自定义样式表的选择符，然后在网页中大量引用这些选择符。
什么是HTML5？
HTML5是超文本标记语言(HTML)的修订版，第五次重大修改版本；而HTML是用于描述网页内容和外观的标准编程语言。HTML5支持传统的HTML和XHTML样式语法以及其标记，新API，XHTML和错误处理中的其他新功能。
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。
开发HTML5是为了解决影响当前标准HTML4的兼容性问题。HTML5与该标准的先前版本之间的最大区别之一是旧版本的HTML需要专有插件和API。(这就是为什么在一个浏览器中构建和测试的网页可能无法在另一个浏览器中正确加载的原因。)HTML5提供了一个通用接口，使加载元素更容易。例如，不需要在HTML5中安装Flash插件，因为该元素将自行运行。
HTML5的目的主要是让Web开发人员和浏览器创建者更容易遵循基于共识的标准，从而提高合规性并增强其合规性。它还旨在为桌面和移动访问者提供更好，更快，更一致的用户体验。
HTML5的设计目标之一是支持移动设备上的多媒体。引入了新的语法功能来支持这一功能，例如视频，音频和画布标签。HTML5还引入了新功能，可以真正改变用户与文档交互的方式。
说明：
HTML5和CSS3不仅仅是两项新的Web技术标准，更代表了下一代HTML和CSS技术。虽然HTML5的标准规范还没有正式发布，但是未来的发展前景已经可以预见，那就是HTML5必将被越来越多的Web开发人员所使用，各大主流浏览器厂家已经积极更新自己的产品，以更好地支持HTML5。
HTML5围绕一个核心：构建一套更加强大的Web应用开发平台。
1)更多的描述性标签：HTML5引入非常多的描述性标签，例如用于定义头部(header)、尾部(footer)、导航区域(nav)、侧边栏(aside)等标签，使开发人员非常方便的构建页面元素。
2)良好的多媒体支持：对于先前的以插件的方式播放音频、视频带来的麻烦，HTML5有了解决方案，audio标签和video标签能够方便的实现应变。
3)更强大的Web应用：HTML5提供了令人称奇的功能，某些情况下，你甚至可以完全放弃使用第三方技术。
4)跨文档消息通信：Web浏览器会组织不同域间的脚本交互或影响，但是对于可信任的脚本或许就是麻烦。HTML5引入了一套安全且易于实现的应对方案。
5)Web Sockets:HTML5提供了对Web Sockets的支持。
6)客户端存储：HTML5的Web Storage和Web SQL Database API，可以在浏览器中构建Web应用的客户端持久化数据。
7)更加精美的界面：HTML5+CSS3组合渲染出来的界面效果有时候是无法想象的精美。
8)更强大的表单：HTML5提供了功能更加强大的表单界面控件，使用非常方便。
9)提升可访问性：内容更加清晰，使用户的操作更加简单方便，体验提升。
10)先进的选择器：CSS3选择器可以方便的识别出表格的奇偶行、复选框等，代码标记更少。
11)视觉效果：精美界面的一部分，阴影、渐变、圆角、旋转等视觉效果。
对于部分浏览器尚未完全支持HTML5，HTML5可以在代码中方便地加入兼容自适应备用解决方案的代码。在编写完HTML5代码时，可以W3C验证服务来进行验证(相对的，因为HTML5标准还在演进中)。
相关推荐：《html视频教程》
