选择器:
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
放大缩小
后续补充.....