- 边框
border-radius圆角边框
box-shadow边框阴影
border-image边框图片 - 背景
background-clip:确定背景画区,背景从border-box(默认)\padding-box\content-box开始显示
background-origin:背景图片对齐起点
background-size:背景图片大小
background-break:控制背景怎样在元素不同的盒子中显示 - 文字
text-shadow:文本阴影
word-wrap:换行方式,normal(浏览器默认换行) | break-word(允许单词内换行)
text-overflow:当前行超过指定容器边界如何显示,clip(修剪文本) | ellipsis(省略号)
text-decoration:支持对文字更深层渲染,内部\边界填充颜色、设置边界宽度 - transition 过渡
指定一个或多个css属性的过渡效果,属性之间逗号分割
transition: css属性,花费时间,效果曲线(默认ease),延迟时间(默认0) - transform 转换
transform 旋转 | 缩放 | 倾斜 | 平移
transform-origin 转换元素位置(围绕定点),默认 (x, y, z):(50%, 50%, 0) - animation 动画(了解有什么属性)
animation-name 名称
animation-duration 持续时间
animation-timing-function 动画时间函数
animation-delay 动画延迟时间
animation-iteration-count 执行次数,有限整数 | infinite 无限循环
animation-direction 方向
animation-paly-state 播放状态
animation-fill-mode 填充模式 - 渐变
linear-tradient 线性渐变 | redial-gradient 径向渐变 - 其他
flex 弹性布局
Grid 栅格布局