css不会阻塞内容加载，但是影响页面渲染；
@规则
- @import: 将其它样式表引入当前样式表里；
2种写法：@import "mystyle.css"; or @import url("mystyle.css"); - @charset 设置样式表使用的字符
@charset "utf-8" 必须写在样式表开始部分，前面连空格都不允许有； - @supports 声明浏览器支持的特性下的规则 ``` 语法： support的条件是由一个或者多个key:value通过 and\or\not 组成；使用（）定义优先级；条件必须放在括号里；
@supports (条件) @supports (display: grid) { div { display: grid; } } 在js里 @supports 通过 CSSSupportsRule获取；
- @font-face 全面描述文档使用的字体
- @media
- @page
### 兼容
div{ display:none; margin:10px;}
.IE{display:block\9;} /IE6 IE7 IE8 IE9 IE10/
.IE6{_display:block;} /IE6/
.IE6{-color:blue;} /IE6/
.IE7{display:block;} /IE6 IE7/
.IE7{+color:blue;} /IE6 IE7/
.IE7{#color:red;} /IE6 IE7/
.IE8910{display:block\0;} /IE8910/
:root .IE910{display:block\9;}/IE9 IE10*/
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){
.IE10{display:block;}
}
```