提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > CSS文件中怎样引入另一个CSS文件?(代码示例)【css教程】,CSS,@import

我们能够运用@import划定规矩来完成CSS文件中怎样引入另一个CSS文件,@import划定规矩能够在主HTML文件或主CSS文件中导入多个CSS文件,本篇文章就来给人人细致引见一下,愿望对人人有所协助。

@import划定规矩

起首我们来相识一下@import划定规矩。

@import划定规矩用于将一个样式表导入到另一个样式表中。此划定规矩还支撑媒体查询,以便用户能够导入与媒体相干的样式表。在任何@charset声明以后,必须在文档的顶部声明@import划定规矩。【视频教程引荐:CSS教程】

@import的特性:

● @import划定规矩用于将样式表导入HTML页面或其他样式表。

● @import划定规矩也用于增加媒体查询,因而import是依赖于媒体的。

● @import划定规矩总是在文档的顶部声明。

基础句式:

@import url | string list-of-mediaqueries;

url | string:示意要导入的资本的位置,能够是相对的或相对的。

list-of-mediaqueries:决议了URL链接中定义的CSS划定规矩的运用。

代码示例

下面我们就经由过程示例来带人人相识一下CSS文件中引入另一个CSS文件的要领。

HTML部份:建立文件名为index.html的文件

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<link rel="stylesheet" href="style1.css" /><!--在HTML文件中导入style1.css文件-->
<head>
<body>
<div class="box">
<h1>ki4网</h1>
<p>测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!测试文本!</p>
</div>
</body>
</html>

CSS部份:

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样式表时,须要注重样式表的途径。

以上就是本篇文章的全部内容,愿望能对人人的进修有所协助。更多精彩内容人人能够关注ki4网相干教程栏目!!!

以上就是CSS文件中怎样引入另一个CSS文件?(代码示例)的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"CSS文件中怎样引入另一个CSS文件?(代码示例)【css教程】,CSS,@import"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线