今天主要學習了瀏覽器的兼容性，也就是IE6,7,8和火狐瀏覽器之間的兼容性問題。認識到了兼容性問題出現的方式（寬度，高度，顏色顯示不一樣等），還有一些 ***級的應用，說說***級的方法，其實 就是 幾個不常見的代碼。下面列出簡單的兼容性問題：
.test{ width:300px; height:90px; background:#FF0000;}/*FF moz i8 的樣式 爲紅色*/
*html .test{ width:500px; height:120px; background:#FFFF00;}/*ie6 的樣式 爲黃色*/
*+html .test{ width:100px; height:100px; background:#00FF00;}/*ie7的顏色爲綠色*/
想上面這段代碼中的*html 和*+html 就直接區別了火狐，ie6 ，ie7 瀏覽器之間的一些
顏色和大小的不同。當然，我們應該學會 用這些 問題去解決一些比較棘手的問題。這纔是我們學習的目的。
上午主要是用DIV+CSS把沒切完的頁面繼續完成。當然，也出現了不少的問題，後來一看，還是對有些屬性理解的不夠透徹。對各種 屬性的整體應用 還不熟練。
下面講今天遇到的一些問題羅列下來：在設置內容區main 的寬度時，開始width=1010px; 當改爲 width=900px ;時候就好了，開始的1010px是整體佈局時候設置的，結果在div+css的時候還是 用了這個寬度，結果導致了問題的出現。還有在設置搜索欄search 的樣式時，將塊元素設置爲行內元素了。結果搜索欄飄到左邊了。
還有就是 命名衝突的問題，開始我以爲命名的時候只要不是在一個 DIV裏就可以重複，結果在設置底部 連接區域的時將bottom 和內容區的bottom屬性名衝突了，結果出現只要加 底部的樣式表，內容區肯定漂移。 所以 這個是我要 切記的，以後命名一定要規範，要具有層次感。
當然，今天也學會了用火狐的firebug來邊調試 邊解決問題，終於發現 了幾種工具結合運用的好處。還有 在學兼容性的時候用到了 IEtester.
明天就要小測試了，回去好好複習吧！今天的學習體會就到這裏吧！