css風格的頭標籤與css文件導入 - 這是推薦？

我知道內聯樣式非常令人氣餒，大多數情況下我們應該在<head>或外部CSS文件中使用<style>標籤。css風格的頭標籤與css文件導入 - 這是推薦？

我不清楚的是在.html文件中使用<style>標記，而實際上.css文件中使用<style>標記。

我是否應該將所有樣式代碼從home.html移動到home.css並通過<link>標記包含它？

或使用<style>標籤<head>完全可以接受嗎？我的老闆說我應該在.css文件中包含所有代碼。

注意：

我不是從一個最佳性能的角度看;在編寫HTML/CSS和促進更好的調試/閱讀時，應該乾淨的代碼和最佳實踐。

來源

2015-12-15 cst1992

申請通過CSS文件中使用類樣式是最好的一個。 –

你應該檢查這個鏈接http://stackoverflow.com/questions/8284365/external-css-vs-inline-style-performance-difference –

@ cst1992把所有的樣式放在CSS文件中，這是最佳實踐。 –

你應該definitly看看這個網站：Best practice of CSS（不是每個點是必須在任何情況下）

大概要補充的是，你應該如果你的項目變大分裂你的整個CSS文件成多。

尤其是在分割你的文件時，如果你決定分開你的html和css，它會變得非常有用，那麼它極其方便。另外，你會得到一個巨大的HTML文件，並失去可讀性。

如果您的工作與onces的8000lines CSS文件的youre感激你分裂了你的CSS

來源

2015-12-15 08:33:31 Synoon

這是一篇很好的文章。謝謝。 – cst1992

下面這個例子是分離......

/* .css file */ 
 

 
a { 
 
    color: green; 
 
    text-decoration: none; 
 
}

<!-- .html file --> 
 

 
<a href="www.google.co.in">Google</a>

來源

2015-12-15 06:23:49

我已經知道兩者之間的語法和區別。我想知道的是，爲了使代碼更容易維護和閱讀，應該做些什麼經驗。 – cst1992

我更喜歡你創建一個單獨的css文件，那麼你調用的URL在head標籤內的HTML文件像這樣： ... HTML文件

<html> 
    <head> 
     <title></title> 
     <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 
    <body> 
     <a href="www.google.co.in">Google</a> 
    </body> 
</html>

... CSS文件

a { color: green; text-decoration: none;}

擁有外部CSS非常有幫助，因爲無論何時您想要對另一個頁面進行樣式設置而無需重寫代碼窗體劃分，您都可以調用該文件。

來源

2015-12-15 07:58:37 Tanah

css風格的頭標籤與css文件導入 - 這是推薦？

回答

相關問題