2016-08-22 46 views
-2

這就是我想要做的: 我有這個網站有很多頁面。他們都有類似的東西:我可以使用include而不是鏈接到一個css文件來在網頁中插入css規則嗎?

<head> 
<link rel="stylesheet" type="text/css" href="img_css/style.css" media="all" /> 
</head> 

但我希望我的CSS規則是內聯。像這樣:

<style> 
div{color: blue;} 
p{padding: 5px;} 
/* ect... */ 
</style> 

當然,由於維護困難,不建議這樣做。 但是如果我把所有的css規則放在一個單獨的php文件中並在每個頁面上做一個include?像這樣:

<head>  
    <style type="text/css"> 
    <?php include_once "img_css/new_style.php"; ?> 
    </style>  
</head> 

我需要知道這個方法是否有問題。我真的可以這樣做嗎?你們對這種事有什麼建議或警告嗎?你贊成嗎?
在此先感謝您的回覆!

+1

[最好的方式來包括CSS?爲什麼使用@import?](http://stackoverflow.com/questions/10036977/best-way-to-include-css-why-use-import) – Xufox

+5

你當然可以這樣做,但是當你有相同的CSS阻止了許多文件緩存該文件。 –

+0

我的問題與@import無關! –

回答

1

是的,你可以這樣做,但真正的問題是應該你這樣做。大多數情況下你不應該這樣做。正如在評論中提到的那樣,將CSS嵌入到頁面中的主要問題是無法在將來的頁面加載中快速使用它。如果您的HTML未通過壓縮處理,則可能會顯着增加頁面大小;如果使用壓縮服務,則會增加壓縮頁面的開銷。

有幾個因素結合可能會使它嵌入一個不錯的選擇:

  • 它的代碼相對少量
  • 它包含不使用其他任何地方的網站上
  • 風格
  • 與代碼的大小相關,嵌入它將比向服務器再次請求可高速緩存的外部文件更快。
+0

謝謝!我的CSS不是那麼大(16kb)。而且我可以改進代碼,使其專用於頁面而不用於其他任何地方。我只需要將此方法應用於2頁。所以維護不會是一個問題。你怎麼看? –

相關問題