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點有做到吧...