怎样将多个CSS文件导入一个CSS文件中

html-css06

怎样将多个CSS文件导入一个CSS文件中,第1张

将多个CSS文件导入一个CSS文件中可以通过下面的两种方法来实现。

步骤如下:

1.如果使用链接式,需要使用如下的语句引入外部css文件:

<link href="style.css" rel="stylesheet" type="text/css" />'引入外部链接

2.如果使用导入式,则需要使用如下语句:

<style type="text/css">

@import "style.css"'导入外部链接

</style>

如果没个样式表里面的,属性都是一样的,那没关系的。

如果不一样的话,它会从html文档从上往下,一个一个继承,碰到一样的属性,下面的代码覆盖上面的样式代码,

比如:

site.css里面.a{width:100pxheight:100px}

base.css里面 ,a{width:200pxheight:100px}

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

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

如果你HTML里面是这样先后顺序的话,那 width:200px height:100px

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

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

如果你HTML里面是这样先后顺序的话,那 width:100pxheight:100px

只要你CSS不冲突。原则上是可以的。但以你的文件是调用了框架不建议整合。

而且合在一起文件并不会变小,反而变大影响浏览速度。

文件分开前端会以先后循序读取,不拥堵。