不同的CSS樣式

/* Style 1 */ 
.myclass { 
background:#ff0; 
border:1px solid #ff0 
} 
#myid { 
width:80px; 
height:80px; 
} 

/* Style 2 */ 
.myclass  { background:#ff0; border:1px solid #ff0 } 
#myid  { width:80px; height:80px; }

我確定必須有更多樣式來編寫CSS，我想知道它們是什麼。是否有已寫入的文章列出了所有樣式。不同的CSS樣式

謝謝

來源

2010-03-15 3zzy

它爲什麼重要？使用你喜歡的風格，無論對你有意義。誰在乎別人怎麼做。 – animuson 2010-03-15 04:57:01

這裏是一個很好的列表和討論：

http://css-tricks.com/different-ways-to-format-css/

來源

2010-03-15 05:00:32 ssergei

好的。我不知道是否有任何文章討論這個問題。但是對於我來說，風格1在可讀性和調試方面更好。

只是我的2％的

來源

2010-03-15 04:57:10 heisthedon

我也是，但不是如果你有一個真正巨大的樣式表來處理。 :) – 3zzy 2010-03-15 04:58:10

@Nimbuz：你通常通過將它分解成單獨的，更相關的樣式表來解決問題，而不是通過改變你的寫作風格。 – animuson 2010-03-15 05:00:52

我知道，但'分離'樣式表本身很大，而且它也相當優化。 – 3zzy 2010-03-15 05:07:45

我的答案會比你更想要的，因爲我已經看到了，這是60K長css文件並且主要由類和ID覆蓋其他人 - 因爲沒有人知道css如何工作。他們只是不斷添加東西，直到他們得到他們想要的結果。

.myClass { /* 0,0,1,0 */ 
    top-margin: 1px; 
    padding: 3px; 
} 

#myid { /* 0,1,0,0 */ 
width: 80px; 
height: 80px; 
}

重複之間的空間。

現在是重要的東西。

註釋是選擇器的特殊性。
應該從文件中最具體到最不具體的東西。
在匹配的特殊性中，它應該是按字母順序的。
每個定義不應該有一個以上的選擇器 - 即使你可以把它們都放在同一個選擇器中。這樣你可以稍後找到它們。而你的特異性不會搞砸。希望您使用的壓縮器可以正確處理。
類別和ID的名稱應與您的系統的中的某處具體名稱相匹配。換句話說，www.example.com上的課程可稱爲
.table。如果您需要在www.example.com/foo/...上創建一個新的表格類別，它應該是，名稱與.foo-table類似，並且應該適用於其下面的東西
。
所有的css都應該與您的html文檔分開放置，並且所有對css的修改都應該通過更改/添加類來完成，而不是通過在元素級更改特定的樣式屬性來完成。

我是唯一一個知道這樣做的人，但是自那以來，每個使用過它的人都說：「該死，這很容易找到我的CSS錯誤！

來源

2010-03-15 05:17:59 davehamptonusa

'因爲我看過一個長60K的css文件'：WT ... – 2010-03-15 05:54:52

公平地說，它是繼承和繼承的代碼，由不同的公司繼承，他們只是抓住了可能與手頭小應用程序相關的所有css。許多整個部分都被一遍又一遍地複製......但沒有人注意到。所以它只是增長。最後，每家公司都增加了自己的產品。好極了！ – davehamptonusa 2010-03-15 06:12:50

不同的CSS樣式

回答

相關問題