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

html-css017

怎样将多个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不冲突。原则上是可以的。但以你的文件是调用了框架不建议整合。

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

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