html5-css3

html5:

用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search

css3:

  1. CSS3实现圆角(border-radius),阴影(box-shadow),

  2. 对文字加特效(text-shadow、),线性渐变(gradient),旋转(transform)

  3. transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);// 旋转,缩放,定位,倾斜

  4. 增加了更多的CSS选择器 多背景 rgba

  5. 在CSS3中唯一引入的伪元素是 ::selection.

  6. 媒体查询,多栏布局

  7. 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

  1. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单

http://www.cnblogs.com/dunitian/p/5125371.html

  1. Web大前端时代之:HTML5+CSS3入门系列~H5 多媒体系

http://www.cnblogs.com/dunitian/p/5141492.html

  1. Web大前端时代之:HTML5+CSS3入门系列~HTML5 画布

http://www.cnblogs.com/dunitian/p/5149156.html

  1. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置

http://www.cnblogs.com/dunitian/p/5161606.html

  1. 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存储

你可能感兴趣的:(html)