CSS文件中如何引入另一个CSS文件？（代码示例）(2)-木庄网络博客

2022-03-27 09:48:23 PHP中文网 JavaScript 百度已收录

style1.css文件：

/*导入另一个CSS文件 */
@import "style2.css"; /* 或者@import url(style2.css);*/
.box{
width: 400px;
margin: 100px auto;
}
h1 { 
     color:red;  
     text-align: center;  
 } 
    
p { 
     color:black; 
     padding: 10px;
     background-image: linear-gradient(to right, #fbd6d3, #ff1200); 
     position:static; 
        
 }

输出：在不使用@import规则导入另一个CSS文件（style2.css）的情况下

style2.css文件：

body { 
    background:gainsboro; 
        opacity: 0.5; 
} 
h1{
color: #008000;
}

输出：在style1.css文件中使用@import规则导入 style2.css文件

说明：使用@import规则导入另一个CSS样式表有两种方法：@import url(style2.css);和@import "style2.css";

注：使用@import规则导入另一个CSS样式表时，需要注意样式表的路径。

以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！

以上就是CSS文件中如何引入另一个CSS文件？（代码示例）的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » CSS文件中如何引入另一个CSS文件？（代码示例）

CSS文件中如何引入另一个CSS文件？（代码示例）

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论