如何合并CSS文件？

方法一：使用CSS @import 规则

你可以使用 CSS 的 `@import` 规则来合并多个CSS文件。例如，如果你有两个文件，`styles.css` 和 `common.css`，你可以在 `styles.css` 文件的开头添加以下规则来引入 `common.css`：

```css

@import url('common.css');

```

如果你想合并更多文件，只需添加更多的 `@import` 规则即可。但需要注意的是，这种方法可能会导致额外的HTTP请求，因此不推荐用于生产环境。

方法二：使用工具（如Minify）

Minify 是一个开源的 PHP 项目，它可以帮你合并、压缩和优化 JavaScript 和 CSS 文件。下面是使用 Minify 合并CSS文件的基本步骤：

1. 下载并安装 Minify。

2. 将 Minify 的 `min` 目录复制到你的网站根目录。

3. 修改 Minify 的配置文件 `config.php`，设置缓存路径和缓存时间。

4. 使用 Minify 提供的工具 `builder` 来创建合并文件的引用URL。

5. 在你的HTML文件中引用生成的合并文件的URL。

这种方法的优点是可以自动合并文件，并且可以轻松地在生产环境中使用，因为它减少了HTTP请求的数量，并且可以对CSS文件进行压缩和优化。

参考文本：

- [合并多个js,css文件的方法:在服务端合并js和css文件](https://www.cnblogs.com/asqq8/p/16914466.html)

- [在一个css文件利用@importurl('其他的css文件')想引入几个css文件就用几个@importurl注意路径的的书写首页需要两个css文件index.css和common.css就在index.css的首行写](https://ju.outofmemory.cn/web/25490.html)