CSS文件里引入另一个CSS文件

Posted 2022-02-26 xi-li

原文地址：https://blog.csdn.net/u013943420/article/details/71597529

1.在html中引入css的其中的两个方法

1.1 使用链接式

<link href="style.css" rel="stylesheet" type="text/css" />

1.2 使用导入式

<style type="text/css">
@import "style.css"
</style>

区别：使用链接式时，会在装载页面主体部分 之前装载css文件，这样现实出来的页面从一开始就是带有样式效果的，而使用导入式时，会在整个页面装载完成之后再装载css文件。

2. css引入另一个css文件的方法

一个主样式  style.css  把三个样式表都装进去：
@import "css_red.css"; 
@import "css_blue.css";
@import "css_green.css";
调用的时候只调用  style.css  就行了。