多个css文件的内容放在一个css文件里,可以吗？

html-css09

多个css文件的内容放在一个css文件里,可以吗？,第1张

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

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

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

在一个css文件利用@import

url('其他的css文件')

想引入几个css文件就用几个@import

url

注意路径的的书写

首页需要两个css文件index.css和common.css

就在index.css的首行写入(两个css文件在同一个目录下)

@import

url('common.css')

这样只需要在首页链接一个index.css文件就可以了。

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

步骤如下：

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

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

2.如果使用导入式，则需要使用如下语句：

<style type="text/css">

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

</style>