html5新特性
自己可以自行百度去学习html5css3此文档适用于了解或者回答面试问题时所用
语义化标签
header, nav,footer,aside,article ,section
多媒体元素
音频、视频、多媒体元素(audio、video、source)
绘制图形
画布Canvas,svg
拖放(Drag和Drop)
web储存
localStorage - 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。
sessionStorage - 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。
新表单元素的input类型
- color
- date
- datetime
- datetime-local
- 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()