CSS大師的10條原則

原文:10 Principles of the CSS Masters

1. 保持CSS簡單乾淨 - Peter-Paul Koch

少用CSS hack。

2. CSS宣告盡量放進一行 - Jonathan Snook

舉例來說:

body {margin: 0; padding: 0; background: #fff;}

不過這工作我覺得交給機器來做比較好。

3.使用簡化的寫法 - Roger Johansson

使用如下的簡化寫法:

border-width: 0 1px 2px 3px;

而不是用border-top-width、border-right-width、border-bottom-width、border-left-width分開設訂定。

4.讓區塊元素自己填滿空間 - Jonathan

設定width的話,就不設定margin、padding,設定margin、padding的話,就不設定width,這樣可以迴避掉IE的box model錯誤。

5.用float元素自己clear float - Trevor Davis

其實是利用:after { clear: both; }來做啦。

6.使用負的邊界直 - Dan Cederholm

讓物件突出更顯眼。

7.使用CSS把版面置中 - Dan Cederholm

固定寬度的版面配置,盡量使用CSS把內容置中。

8.使用正確的DOCTYPE - Jeffrey Zeldman

好處多多。

9.使用CSS把物件置中 - Wolfgang Bartelme

雖然不是指整個版面而是指所有想要置中的東西,不過原文的例子還是把網頁主內容來置中,結果和第七點蠻容易混淆的。

10.善用大小寫轉換 - Trenton Moss

和中文語系使用者關係不大。

最後看下來,扣掉第10點,9點中我有7點有做到吧...

comments powered by Disqus