html5:
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search
css3:
-
CSS3实现圆角(border-radius),阴影(box-shadow),
-
对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)
-
transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜
-
增加了更多的CSS选择器 多背景 rgba
-
在CSS3中唯一引入的伪元素是 ::selection.
-
媒体查询,多栏布局
-
border-image
联系源码:https://github.com/dunitian/LoTHTML5
文档下载:https://github.com/dunitian/LoTDotNet/
思维导图(不断更新):
图片:http://dnt.dkill.net/DNT/HTML5/index.jpg
源码:http://dnt.dkill.net/DNT/HTML5/h5.zip
在线文档:http://dnt.dkill.net/DNT/HTML5
00.Web大前端时代之:HTML5+CSS3入门系列~Bug反馈文章
http://www.cnblogs.com/dunitian/p/5364426.html
01.Web大前端时代之:HTML5+CSS3入门系列~初识HTML5
http://www.cnblogs.com/dunitian/p/5123530.html
02.Web大前端时代之:HTML5+CSS3入门系列~H5 结构元素
http://www.cnblogs.com/dunitian/p/5123741.html
03.Web大前端时代之:HTML5+CSS3入门系列~H5 功能元素
http://www.cnblogs.com/dunitian/p/5124582.html
- Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单
http://www.cnblogs.com/dunitian/p/5125371.html
- Web大前端时代之:HTML5+CSS3入门系列~H5 多媒体系
http://www.cnblogs.com/dunitian/p/5141492.html
- Web大前端时代之:HTML5+CSS3入门系列~HTML5 画布
http://www.cnblogs.com/dunitian/p/5149156.html
- Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置
http://www.cnblogs.com/dunitian/p/5161606.html
- Web大前端时代之:HTML5+CSS3入门系列 ~ QQ空间时间轴
https://www.cnblogs.com/dunitian/p/5291278.html
汇总图:
1.初始HTML5
2.HTML5新增元素
3.HTML5表单
4.H5 多媒体系
5.HTML5画布
6.H5 地理位置
7.H5 web存储