怎么把多个css文件合并成一个文件

html-css021

怎么把多个css文件合并成一个文件,第1张

在一个css文件利用@import

url('其他的css文件')

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

url

注意路径的的书写

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

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

@import

url('common.css')

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

有必要，因为每引一个文件都会增加一个请求。而且css和js的加载不都是同步的，会阻塞页面加载，具体可以看下面的网址。

但是不是说全部合在一起就是好的。要看具体代码量多少以及项目需求、团队对资源的管理等综合考虑。

http://hikejun.com/blog/2012/02/02/js%E5%92%8Ccss%E7%9A%84%E9%A1%BA%E5%BA%8F%E5%85%B3%E7%B3%BB/

http://lifesinger.wordpress.com/2012/02/03/performance-impact-of-js-css-loading-order/