爲什麼使用css文檔而不是樣式標籤？

Question

這似乎是一種基本問題。有什麼理由選擇使用css文檔，而不是使用html文檔中的樣式標籤更改樣式？例如，是不是可以修改html樣式標籤中的ID和類？謝謝，這是我的第一個stackoverflow問題！

Answer 1

沒有什麼技術上的錯誤與使用style標籤的，但大多數的網頁有一個單獨的樣式表文件。

這裏有一些理由使用一個單獨的樣式表文件：

1. 頁面可能加載速度更快，由於瀏覽器異步加載。
2. 從您的CSS樣式中分離出您的HTML標記。
3. 緩存。
4. 更容易維護，因爲所有的CSS都在一個地方。

你可能也想看看LESS或SASS。

Answer 2

看看這個LINK

在我自己的話，使用CSS讓事情簡單得多，如添加樣式HTML中的每個標籤基本上是不實際的。因此，定義一個特定元素的外觀在頁面上只有一次，然後在同一樣式多次重複使用節省了大量的時間

Answer 3

CSS文件是由瀏覽器緩存，在HTML文檔中的風格標籤只是增加了一個額外的文件需要每次下載的大小開銷。

Answer 4

有幾個好處

1. 可重用性。外部網站工作表可以由多個文檔使用，因此您不必爲每個文檔編寫新的樣式表。
2. 連貫性。藉助外部樣式表，您可以確定文檔至少具有相同的基本樣式並且在視覺上一致。嵌入式樣式表傾向於偏離標準。
3. 表現。外部樣式表可以被瀏覽器緩存，這意味着它不必在客戶端每次請求文檔時都進行傳輸。每次瀏覽器請求文檔時都必須傳輸嵌入的樣式表。
4. 可維護性。如果您有一組具有相同視覺外觀的文檔，並且必須進行更改（例如更改公司標識），如果樣式表是外部的，則必須僅在一個位置更改樣式表。使用嵌入式樣式，您必須在每個文檔中進行相同的更改。