html5和css3新特性

html5新特性

自己可以自行百度去学习html5css3此文档适用于了解或者回答面试问题时所用

语义化标签

header, nav，footer，aside，article ，section

多媒体元素

音频、视频、多媒体元素（audio、video、source）

绘制图形

画布Canvas，svg

拖放（Drag和Drop）

web储存

localStorage - 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。

sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

新表单元素的input类型

• color
• date
• datetime
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

表单元素

datalist
keygen
output

表单属性

新属性：

• autocomplete
• novalidate

新属性：

• autocomplete
• autofocus
• form
• formaction
• formenctype
• formmethod
• formnovalidate
• formtarget
• height 与 width
• list
• min 与 max
• multiple
• pattern (regexp)
• placeholder
• required
• step

CSS3新特性

文字：

• text-shadow
• box-shadow
• text-overflow
• word-wrap
• word-break

边框：

• border-radius
• box-shadow
• border-image

盒子模型：box-sizing

@keyframes 创建动画

背景：

• background-image
• background-size
• background-origin
• background-clip

渐变：linear-gradient(线性渐变):

eg: background-image: linear-gradient(100deg, #237b9f, #f2febd);

radial-gradient (径向渐变)过渡：transition可实现动画

2D

• translate()
• rotate()
• scale()
• skew()
• matrix()

3D

• rotateX()
• rotateY()