css border渐变_Html5、Css、ES6新特性

html5新特性：

1. 语义化标签
2. 增强型表单，input新增type
3. 新增表单元素
4. 音频视频：
   audio和video有autoplay（自动播放）、controls、src（路径或链接）等属性
5. canvas
   1.路径 2.描边 3.填充 4.变换 5.图片操作
6. 本地存储：localStorage - 没有时间限制的数据存储；sessionStorage - 针对一个 session 的数据存储，当用户关闭浏览器窗口后，数据会被删除
7. 地理定位(geolocation)API

• latitude：纬度
• longitude：经度
• accuracy：经、纬度坐标的精度，以米为单位

css3：

• 阴影:使用box-shadow给逻辑框设置一个阴影，text-shadow文字加阴影
• 圆角：可以通过border-radius属性来支持圆角边框
• 动画：为你的样式设置动画使用CSS Transitions以在不同的状态间设置动画，或者使用CSS Animations在页面的某些部分设置动画而不需要一个触发事件，你现在可以在页面中控制移动元素了
• flex布局：css多栏布局
• grid布局：网格布局
• 线性渐变：使用gradient设置线性渐变
• 媒体查询：根据显示设备的特性设置css
• 图片边框：使用border-image设置图片边框

ES6：

• let和const关键字：let关键字定义块作用域变量，const定义常量
• 字符串模版：${}
• 箭头函数：左边是参数集合，右边是函数体
• 原生promise对象：将promise对象纳入规范
• symbol：增加symbol数据类型
• ES module: 引用ES module 模块化规范
• ... : 拓展运算符，用来代替argument对象
• 变量结构赋值
• async函数
• set和map函数
• for..of循环：用来遍历实现迭代器接口的数据
• class