前端面试基础-html篇之CSS3新特性

时间:2024-01-09 14:34:50

CSS3的新特性(个人总结)如下

  • 过度(transiton)
  • 动画(animation)
  • 形状转换
  1. transform:适用于2D或3D转换的元素
  2. transform-origin:转换元素的位置(围绕那个点进行转换)。默认(x,y,z):(50%,50%,0))
  • 选择器
  • 阴影(box-shadow)
  • 边框(box-border)
    • border-radius(边框圆角)
    • border-image(边框图片)
  • 反射
    • 倒影(reflect)
  • 颜色(提供了rgba和hsla的方法来显示颜色)
  • 渐变
  • 滤镜(filter)
  • 布局
    • flex弹性布局
    • grid栅格化布局
    • column-count多列布局
  • 盒模型
  • 媒体查询(一般用来做自适应布局,与rem布局结合使用可以有巧妙地效果)