Html5、Css3、ES6的新特性

标签：rgb   const   osi   cti   nim   尺寸   图片   ati   渐变   

1. 有利于seo，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。
2. 语义化的html在没有css的情况下也能呈现较好的内容结构与代码结构
3. 方便其他设备的解析
4. 便于团队开发和维护

1. sessionstorage:关闭浏览器清空数据，储存大小约5M。
2. localstorage：永久生效，存储大小20M，多窗口下都可以使用
3. 都只能储存字符串

1. 通过 background-size 设置背景图片的尺寸。
2. 通过 background-origin 可以设置背景图片定位(background-position)的参照原点。
3. 通过background-clip，可以设置对背景区域进行裁切，即改变背景区域的大小。

1. translate 设置元素的位置（x/y坐标）
2. scale 设置元素的缩放比例（x/y两个方向）
3. rotate 设置元素旋转（正值为顺时针，负值为逆时针）
4. transform-origin 设置转换元素的原点

1. 透视（perspective）值为1000px~1200px
2. 将2D元素转换为3D立体（给父元素设置）transform-style: perserve-3d;
3. 设置元素背面是否可见 backface-visibility: hidden;

1. 定义关键帧 @keyframes
2. 通过百分编写帧
3. 在各帧中分别定义各属性
4. 通过animation将动画应用于相应元素

Pexelshttps://www.wode007.com/sites/73241.html 天堂图片网https://www.wode007.com/sites/73243.html

1. 变量声明：let作用:声明变量，块级作用域，必须先声明后使用，在同一个块内不允许重复命名，没有变量提升。const作用:声明常量，声明的同时必须赋值，不能被重新赋值
2. 解构赋值
3. 模板字符串，支持换行
4. 函数扩展，箭头函数

Html5、Css3、ES6的新特性

标签：rgb   const   osi   cti   nim   尺寸   图片   ati   渐变   

原文地址：https://www.cnblogs.com/ypppt/p/13326495.html