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 放大缩小

后续补充.....