整理網頁設計中常用到的HACK、顏色、樣式技巧，也收集部分從網上收集來的認為不錯的內容。

“淡淡的就很漂亮”

淺色的配色方案，感覺很好，看起來很舒服。

技巧與備忘

1. 關于BOX的實際寬度與內容寬度，要注意區分，在IE6、FF、OPERA8里BOX的實際寬度為margin border padding width，而內容寬度則是width，在有使用margin、border、padding的情況下，實際寬度≠內容寬度。

2. 對BOX設置float:left;會使其自適應高度，另外還有一個是overflow:auto;但在某一些情況下好像不行。而且如果你在此同時也設置了它的margin左邊值，那么在IE里它將出現double-margin的BUG，但僅僅只是第一個BOX會出現，之后的一切正常。

3. 在某些情況下使用負值會讓你有意想不到的結果。

4. 有些時候使用“%”也會有不錯的效果。

5. 將圖片的border屬性直接寫到CSS里面去，不要寫在源碼里。

6. 在FF里當出現滾動條時會將滾動條開始的位置當做邊界點，而且IE6里則沒有這樣的解釋，不管有沒有滾動條，邊界點始終是窗口邊緣。

7. Window.Event事件中，FF無法直接調取，需在事件發生時通過參數傳遞，如：onClick="go(event);"IE下是直接用Window.Event來使用的，FF里則是用傳遞的這個參數來賦予變量來使用，為了兼容IE和FF我們的代碼可以這樣寫：

   function go(evt){

     e=evt?evt:window.event;

     alert(e.clientX);

   }

   這樣無論在IE還是FF里都能正確的彈出點擊時鼠標的X值。

8. 鏈接樣式的CSS寫法順序是：LVHA（LoVeHAte愛恨）。

9. 如果你想讓一行沒換行的文字垂直居中的話那么你可以用內補丁來使它看起來像是垂直居中的樣子，但最好還是將其line-height設置為和它的父級元素的height一樣。

10. * html與*html是IE特有的標簽，FireFox暫不支持。而* html又是 IE7特有標簽。 和*只有IE能識別，_只有IE6支持。

11. 隨頁面滾動的浮動層在網頁加上標準聲明后無法滾動了，原因是因為JS文件里的document.body不被標準支持，只要把這句代碼替換成document.documentElement就可以了。

12. 如果有時候你在IE里發現文字消失了，滾動掉再滾回去又出現了，或者鼠標選中周圍一起的內容就顯示了，那么你可能陷入了IE的“文字消失之迷”，解決方法就是給消失的元素加上position:relative，但是在某些情況下也無法解決。