今天主要学习了浏览器的兼容性，也就是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.
明天就要小测试了，回去好好复习吧！今天的学习体会就到这里吧！