css3

选择器：

Ele~ele2 ：选择Ele后面的每一个ele2元素；

Ele[key(^$*)=value] 选择对应的元素（以value开头结束或者包含）；

:root: 根元素（html）

:empty ： 选择文档中的所有空元素；

:target ：选择激活的元素（#sss）；:

background：

background-origin： 设置背景图片的原点border-box, padding-box,content-box；

background-clip ： 裁切图片容器里面的内容border-box, padding-box,content-box；

background-attachment ： 设置背景图片是否随着滚动；

border：

border-image ：设置边框背景图的全部

border-image-resource ：边框图片的路径

border-image-slice ：裁切图片的位置 上下左右 与margin padding 相似只设置两个垂直水平

border-image-width ： 可以直接设置边框图片的宽度，不会受边框宽度的影响；

border-image-outset ： 设置边框图片向外扩展的距离；与父容器显示内容有关；

border-image-repeat ： 裁切之后，如果不是整个图片，会拉升多余出来的部分；值有repeat和round ；

box：

box-shadow：盒子的阴影 颜色 X Y 模糊的范围，可以设置多层阴影

文本text属性

text-shadow ：设置文本阴影

word-break ：是否把一个单词分开

word-wrap ：是否把一个长单词分开

设置渐变gradient

线性渐变background：linear-gradient （ 角度、方向，颜色及百分比，第二个颜色几百分比，，，）

放射渐变（径向渐变）background：radial-gradient（形状 半径 方向，颜色1，颜色2...）

变形

appearance: 设置元素外形

outline-offset ：设置外边线的距离

resize ： 让用户改变元素的大小（需配合overflow使用）；

box-sizing： 可以设置标识元素宽度的盒子，以内容为元素的宽度（正常）

border-box是以盒子的边框+内边距+内容 =width/height；

动画

转场动画transition ：属性 持续时间 运动方式 延迟时间 属性 时间

skew : 正数 向远点 拉伸 负数 向结束点拉伸

skewX

skewY

translate 平移

rotate 旋转

scale 放大缩小

后续补充.....