HTML5CSS3新特性

html5新特性

1、语义化标签：header nav section article aside footer

2、新增表单类型：email:验证邮箱；url:验证网址；number：输入数字；file：上传文件；img：图片按钮；

date：选择日期；color：选择颜色；

3、新增表单属性：placeholder:提示信息；required = “required”:该输入字段必须在表单提交前填写

minlength,maxlength:输入的最少和最多字符数，

4、视频video和音频audio

5、绘画canvas和绘画svg：区别svg时矢量图，容易编辑

6、拖放API

7、地理定位

8、WebWorker，WebStorage，WebSocket

css3新特性

1、序选择器：:first-child :last-child :nth-child

2、伪元素： ::selection

3、颜色：raga,hsla

4、文本阴影：text-shadow

5、边框属性：边框圆角：border-radius 边框阴影：border-shadow 边框背景：border-image

6、过渡transition transition-property transition-duration transition-timing-function transition-delay

7、动画animation animation-name animaton-duration animation-timing-function animation-delay

animation-iteration-count animation-play-state

animation-direction

8、媒体查询

9、盒子模型

10、弹性布局flex

11、2D、3D转换