定義風格元件或單獨的標籤/文件：是有區別

-3

<div class="some-class" style="key: value;">

<style type="text/css"> 
    .some-class {color:red;} 
</style> 
... 
<div class="some-class">

<div class="some-class">

與.some-class {color:red;} in一個單獨的CSS文件。 1，2和3有什麼區別？

2013-02-21 Eugeny89

你在** 2 **中的語法不正確，你的意思是：'.some-class'。否則，你會設計一個''元素。 – 2013-02-21 09:56:58

看看這個博客：http://www.cssnewbie.com/inline-in-document-and-linked-css/#.USXv-aVebJY，它可能是有用的 – freshbm 2013-02-21 10:02:13

是的，有區別。

在第一種情況下，您正在使用具有最高優先級的內聯CSS，因此它將被應用。

在第二種情況下，CSS在HTML中使用，那麼它不是一個好的做法。

在第三種情況下，您在外部文件中聲明CSS，以便它可以在不同的html頁面中使用，並且易於維護。

2013-02-21 12:09:23

從另一個角度來看 - 最後一個是最好的，因爲它可以保持在最簡單的方式。

2013-02-21 09:54:57 MarcinJuraszek

使用外部CSS的第三個選項被認爲是最佳實踐，因爲您的標記不包含任何樣式信息。它創建了一個關注點分離，留下更清晰的標記。

2013-02-21 09:55:05

回答