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

CSS3的新特性（个人总结）如下

• 过度（transiton）
• 动画（animation）
• 形状转换

1. transform:适用于2D或3D转换的元素
2. transform-origin：转换元素的位置（围绕那个点进行转换）。默认(x,y,z)：(50%,50%,0)）

• 选择器
  • 参考 http://www.w3school.com.cn/cssref/css_selectors.asp （w3c参考）
• 阴影（box-shadow）
• 边框（box-border）
  • border-radius（边框圆角）
  • border-image（边框图片）
• 反射
  • 倒影（reflect）
• 颜色（提供了rgba和hsla的方法来显示颜色）
• 渐变
• 滤镜（filter）
• 布局
  • flex弹性布局
  • grid栅格化布局
  • column-count多列布局
• 盒模型
• 媒体查询（一般用来做自适应布局，与rem布局结合使用可以有巧妙地效果）