我開始越來越多地使用CSS，但我不確定是否在所有情況下都按照預期使用CSS。需要CSS純粹主義者的幫助！

我有類命名爲'box'的類，它會用邊框包裹內容，這對我來說看起來很不錯。

另一方面，我有類似'margin-right-5'和'float-left'的設置css分別爲margin-right: 5px和float:left。我想知道這是否是良好做法。

然後在我的標記我會做這樣的事情：

<div class="box float-left margin-right-5"> 
    <!-- CONTENT HERE --> 
</div>

有時候我會想向右浮動或根本不具有裕度，仍然使用「盒子」類，所以我用幾個類，以使CSS更加靈活。

我摧毀了CSS的原則嗎？

2010-12-22 Darcy

您不應該有表示類名稱值。值應該決定那裏的內容類型。例如，.content-box。使用最具體的名稱，如warning或error-dialog或primary-content。

如果你命名的東西left-align後來在將來你有10-20獨立的模板此left-align類/ include文件，當客戶決定要具有該元素右對齊它不會是有意義的。

只需設置您需要的任何規則，並且您可以爲泛型類制定一般規則並在需要時覆蓋它們。

.content-box { 
    float:left; 
    margin:0 0 0 5px; 
}

用自己的方式，你會定義一個類爲每個屬性值組合...

<div class="align-left float-left clear-right margin-left-five">

這是一個爛攤子。 不惜一切代價避免。

2010-12-22 21:01:14

是的，如果你想讓CSS原則正確，你應該從演示文稿（CSS）中分離內容（不管是HTML格式）。 – jpjacobs 2010-12-22 21:03:22

此外，儘管它很醜陋，但如果僅在一個實例中需要重寫類樣式，則可以通過標記上的樣式屬性使用內聯樣式。 – DeaconDesperado 2010-12-22 21:07:15

「我摧毀了CSS的原則嗎？」

簡短的回答：

是

龍答：

至少你檢查你的做法。類應該描述對象和語義，而不是風格。

這裏有一些很好的類：

這裏有一些不好的類：

和匕首，編輯加個班，我不再使用，因爲它沒有必要

2010-12-22 21:02:13 zzzzBov

我會建議重新考慮您的命名約定。

看上面的樣品可以用=「保證金右[0到1000+]類告終。

這是更好地描述項目就是與它的屬性

即。

<div class="header"> 
    <ul class="nav"> 
     <li>Home</li> 
     <li>etc</li> 
     <li> ... </li> 
    </ul> 
</div>

，然後根據需要添加填充/保證金/等

請記住，使用正確的HTML的Elemen而不是製作所有的div（a.k.a divitis）。標題應該使用標籤等。

2010-12-22 21:04:22 RDL

需要CSS純粹主義者的幫助！