2013-08-16 58 views
1

是否有可能在一个http请求中添加多个css头标签一次执行所有css文件?一个http请求可以调用多个css文件吗?

我知道

@import url('/css/typography.css'); 
@import url('/css/layout.css'); 
@import url('/css/color.css'); 

,我们可以做这样的事情或者任何其他的解决办法,以减少http requests

<link rel='stylesheet' href='/css/typography.css,layout.css,color.css'> 
+0

如果最小化http请求对你来说确实是必要的,那么尝试合并css文件(如果它们是相关的并且它是可能的)。 –

回答

1

没有,但你能俱乐部所有的样式表成一片和进口,像这样:

<link rel='stylesheet' href='/css/main.css'> 
0

是的,你可以使用ASP.NET MVC捆绑和缩小功能。 你创建一个这样的捆绑产品:

bundles.Add(new StyleBundle("~/Content/customcss").Include(
     "~/Content/css/typography.css", 
     "~/Content/css/layout.css", 
     "~/Content/css/color.css")); 

你可以这样使它(在Razor视图):

@Styles.Render("~/Content/customcss") 

在发布编译模式下,你的包将自动合并,精缩,但你可以在调试模式下手动设置标志,以及:

BundleTable.EnableOptimizations = true; 

参考见this