1. supports，条件判断，检测浏览器是否支持这个属性，如果支持写一套样式，如果不支持，在写一套样式 ```html <!DOCTYPE html>
      box1
      box2
    2. 2. calc，动态计算属性值，可以进行 +-*/ 运算
    3. 2. @media，针对不同的屏幕大小写不同的样式
    4. ```css
    5. @media screen and (max-width: 300px) {}
    6. @media screen and (min-width: 100px) and (max-width: 300px) {}