結束與開始，七月末八月初的週末總結（1）

  這個星期給我最深的記憶莫過於兼容性問題，我上課注意力不集中，容易走神這個問題由來已久。因此不少老師同窗講過的例子須臾之間就忘了。這樣致使我重複講了三遍兼容問題。往事不堪回首，但收穫仍是蠻大的。我見識了不少兼容性問題，瞭解了一些課堂上沒有講到的兼容技巧。獨立自主的學習我想纔是前端學習成功的關鍵吧。下面是我收集到的兼容性問題。

1, FF下給div 設置 padding 後會致使 width 和 height 增長, 但IE不會.(可用!important解決)

 2, 居中問題.  1).垂直居中.將 line-height 設置爲 當前 div 相同的高度, 再經過 vetical-align: middle.( 注意內容不要換行.)  2).水平居中. margin: 0 auto;(固然不是萬能)  3, 若需給 a 標籤內內容加上樣式, 須要設置display: block;(常見於導航標籤)

 4, FF 和IE 對BOX 理解的差別致使相差2px 的還有設爲float的div在ie下 margin加倍等問題.

 5, ul 標籤在 FF 下面默認有 list-style 和 padding . 最好事先聲明, 以免沒必要要的麻煩. (常見於導航標籤和內容列表)  

6, 做爲外部 wrapper 的 div 不要定死高度,  最好還加上 overflow: hidden.以達到高度自適應.  

7, 

關於手形光標. cursor: pointer. 而hand 只適用於 IE.貼上代碼:   兼容代碼:兼容最推薦的模式。  

/* FF */   

.submitbutton {  

float:left;  

width: 40px;  

height: 57px;  

margin-top: 24px;  

margin-right: 12px;  

}  

/* IE6 */  

*html .submitbutton {  

margin-top: 21px;  

}  

/* IE7 */  

*+html .submitbutton {  

margin-top: 21px;}