IE和FireFoxl对CSS的不同解析
浅谈IE与Firefox对CSS的不同解析——安徽迎客松
其实，以前从来没有接触过CSS相关的内容，都是在做业务的编程，从来没想过前台页面的设计也能如此复杂。这次项目的开过过程中，作为CSS菜鸟的我也接触到CSS的相关设计。所出现的低级问题和浪费很多时间的状况也层出不穷，所以通过各方搜索和自己的实际学习中总结出几点IE和Firefox对CSS的区别，给大家借鉴。
首先，大家都知道，IE和Firefox针对于核模型的解析就不一样，自然会产生很多让人挠头的问题，以下就是我的经验总结：
1.高度的区别
IE:在没有定义高度时候，将根据内容高度的变化，包括未定义高度的图片内容；
在定义了高度时候，当内容超过高度时，将使用实际内容的高度。
FF:在没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的情况；
在当定义了高度，但是内容超过高度时，内容会超出定义的高度，但是区域使用的样式不会变化，造成样式错位。
建议：在可以确定内容高度的情况下最好定义高度，如果真的没有办法定义高度，尽量不用使用边框样式。
2.宽度的区别
IE:内容宽度=您定义的容器宽度(Internet Explorer ’width’)-padding宽度-border宽度。
IE中定义 width:100px;padding:5px 的话，所显示的宽度就是100px。
FF:容器占的宽度=内容宽度+padding宽度+border宽度。
Firefox中定义 width:100px;padding:5px 的话，所显示的宽度就是105px。
建议：使用 !important；但是，!important一定要在前面。
如：width:95px !important;width:100px;padding:5px;。
注：高度亦是如此！
3.浮动（float）的区别
（1）空格处理
IE:对于DIV并排时候使用float关键字时候，IE对块与块之间的空格是处理的。
FF:对于DIV并排时候使用float关键字时候，Firefox对块与块之间的空格是不处理的。
建议：经常发现使用float关键字时候在Firefox显示正常，但是在IE中会出现空格，就是这个原因；
避免在div连div时候添加空格或者回车，也即是一个div紧接这一个div写；
或者，将div放入li中进行处理，这样就不会有空格的问题。
（2）Margin加倍
IE:在使用float的情况下，IE的margin加倍。
FF:正常显示。
建议：针对IE，添加display:inline;
相应的css为
#float{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/
}
4.鼠标位置处理
相关文档：
网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
网页可见区域高： document.body.offsetHeight (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body. ......
一说到javascript就有人会想到java，但是他们完会是两回事，javascript是面向对象的动态类型的区分大小写的客户端脚本语言，请注意大小有区别，面向对象。javascript用途很多的，目前几乎所有主流浏览器都支持。但是他有一个坏处就是变量，如var
i=4;这个i就是int类型的，var
s="hello",这个s是字符串类型的� ......
这个系列可能新手读起来比较慢，但我尽量用易懂的方式讲解，因为我曾经是初学者，我知道大家想知道什么。一张网面其实页面内容是比较重要的，图像是属于锦上添花，当然网页的排版也很重要。在CSS揭秘学习的第一站，首先要学习一下文字和文本，让大家对css有个初步的认识。
&nb ......
许多人认为ie6不支持!important，其实是被一条针对ie 6的css hack给误导了。这条css hack是：
.test {
height: auto !important;
height: 500px;
}
.test的高度在其他浏览器里面是auto，而在ie6里面是500px，许多人在解释这条css hack之所以会生效是因为ie6不支持!important，误导了不少� ......
今天学习了css的引入方式和css的选择器
Css引入方式总共四种分别是：
1.<link rel=”realstyle” type=”text/css” href=”css.css”>
rel 表明连接的文件与html文档之间的关系
type 是表明文件类型
href 指向链接的css文件
2.在html文档的head部分直接写入c ......
