CSS 引入的方式

css样式表引入的方式有4种：

 （1） 使用style属性 <p style=""></p>

（2） 使用style标签  <style></style>

（3） 使用link标签    <link rel="stylesheet" href="">

（4） 使用@import引入

下面是MDN的解释：

@import是CSS@规则，用于加载外部层叠样式表。@import规则必须放在其他除了@charset规则以外的CSS规则的前面；@import规则不可嵌套于条件规则组中。

@import可在URI后面附带媒体查询；每条媒体查询间用逗号分隔。若没有媒体查询，则该导入是无条件的，相当于指定媒体为all。

语法

@import url;
@import url list-of-media-queries;

示例

@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);