怎么合并CSS文件啊?

html-css020

怎么合并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/