2013-08-16 57 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