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點有做到吧...
00:40@CSS & HTML|迴響(2)|引用(0)
引用(http://othree.net/mt/mt-tb.cgi/530)
目前無人引用。

1由bcse.myopenid.com在 2008-08-28 01:20:16 發表:
我第一次看到 margin-width 這種寫法耶
2由othree.net在 2008-08-28 11:34:06 發表:
啊,寫錯了,我是要拿border舉例XD