IE与FF的CSS区别
IE和FF对盒模型的解释区别
IE和FF对盒模型的解释也不一样，代码说明：#test { width: 650px !important;width: 648px;padding-left:2px;background:#fff; }
test 显示的宽带是 650px
IE Box的总宽度是： width+padding+border+margin宽度总和
FF Box的总宽度就是 width的宽度，padding+border+margin的宽度在含在width内。
如果有BOX{WIDTH:"300"; PADDING:"5PX";}
则BOX在IE的宽度应该为:310
而在FF的宽度则是300
所以在BOX有填充的情况下应该这样使用
BOX{WIDTH:"290"!IMPORTANT; WIDTH: "300";}
这样子才能确保BOX的宽度始终在300px,而不会出现被撑开的现象
而在FF里面则不会造成浮动层填不满的情况
五：ul 标签在 Mozilla 中有 padding 值的，而在 IE 中只有 margin 有值。
设置ul{margin:0;padding:0}
针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#1 { color: #333; } /* Moz */
* html #1 { color: #666; } /* IE6 */
*+html #1 { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999
可以用”+”来实现只有IE识别的CSS Hack
可能有朋友想到用”_” Hack，但它们是由区别的，因为IE7中是不识别“_”的。所以用+
测试结果：
IE5.5，IE6 ，IE7浏览器都能识别；
FF2.0，Opera 9，Safari 2浏览器不识别
FireFox浏览器和IE浏览器下CSS兼容问题
1.DOCTYPE 影响 CSS 处理
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式
6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
7.cursor: pointer 可以同时在 IE FF 中显示游标手指状， hand
相关文档：
本节主要讲解，两个内容，
第一：CSS
如何控制页面样式，有
几种方式；
第二：这些方式出现在同一个页面时的优先级。
使用xHTML
+CSS
布局页面，其中有个很重要的特点就是内容与表象相分离，内容指HTML页面代码，表象就是CSS代码了，如果把页面看成穿着衣服的人的话，人就是
HTML，是� ......
YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。
使用方法：
//压缩JS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//压缩CSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css ......
最近正在帮朋友做一个基于WEB2.0的网页。以前做网页时网页中的定位一般采用Table表格的方式来完成，熟门熟路去完成一个站点没啥问题；现在流行的2.0标准，不但在语言上有提升（要么是.Net，要么是PHP5.x），而且在网页的组织样式(DIV标签)，层叠样式表（CSS），Ajax技术等，都是全新的概念，好在自己在� ......
