• 边框
      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 栅格布局