margin

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 仅 IE 可以 8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。 9

IE与Firefox的CSS兼容大全 CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 火狐 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 仅 IE 可以 8、FF: 链接加边框和背景色，需设置 display: block， 同时设置

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 常见兼容问题： 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 仅 IE 可以 8、FF: 链接加边框和背景色，需设置 display: block， 同时设置 float: left 保证不换行。参照 menubar， 给 a 和

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且 DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. 　　 　　CSS技巧 　　 　　1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 　　 　　2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/} 　　 　　3.浮动ie产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}

1. HTML对象获取问题 FireFox：document.getElementById("idName"); ie:document.idname或者document.getElementById("idName"). 解决办法： 统一使用document.getElementById("idName"); 2. const问题 说明:Firefox下,可以使用const关键字或var关键字来定义常量; IE下,只能使用var关键字来定义常量. 解决方法： 统一使用var关键字来定义常量. 3. event.x与event.y问题 说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性; Firefox下,event对象有pageX,pageY属性,但是没有x,y属性. 解决方法： 使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX. 4. window.location.href问题 说明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href; Firefox1.5.x下,只能使用window.location. 解决方法： 使用window.location来代替window

所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 程序代码 height:100px; *height:120px; _height:150px; 下面我简单解释一下各浏览器怎样理解这三个属性： 在FF下，第2、3个属性FF不认识，所以它读的是 height:100px; 在IE7下，第三个属性IE7不认识，所以它读第1、2个属性，又因为第二个属性覆盖了第一个属性，所以IE7最终读出的是第2个属性 *height:120px; 在IE6下，三个属性IE6都认识，所以三个属性都可以读取，又因为第三个属性覆盖掉前2个属性，所以IE6最终读取的是第三个属性。 1.为什么在不同的浏览器显示效果不一样？ 因为不同浏览器对于css样式表的解析不一样，所以导致样式乃至层布局发生变化。例如，ff中设置padding属性时，div会相应增加height和width，而ie的解析是不会的，再例如ff对盒模型的解析和ie相差两个象素。 2.设计时要做到所有浏览器都兼容吗？ 根据“设计诉说”的站点统计小样本结果显示，6225个访问者中有72.1%使用IE6.0；12.7%使用IE7.0；7.9

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 仅 IE 可以 8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a 和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。 9.在

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。 常见兼容问题： 1.DOCTYPE 影响 CSS 处理 http://www.hotbook.cn/ 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 仅 IE 可以 8.FF: 链接加边框和背景色，需设置 display: block, 同时设置 float:

盒子模型 ***** 1、框模型 框：页面上所有的元素都可以称之为"框" 框模型：(Box Model),又称为盒子模型,定义框处理元素内容、内边距padding、外边距margin、边框的样式border 尺寸 边框 内边距 外边距 1、外边距 属性：margin margin-方向: margin-left: margin-right: margin-top: margin-bottom: 取值： px 负值 auto margin取值： margin:value; /*四个方向的外边距统一设置*/ margin:v1 v2; /*v1:上下 v2:左右*/ margin-left:5px; margin-right:5px; margin-top:10px; margin-bottom:10px; margin:v1 v2 v3;/*v1:上 v2:左右 v3:下*/ margin:v1 v2 v3 v4;/*上右下左*/ margin取值为auto： 左右外边距设置为auto时，当前的块级元素会居中显示 注意： 1、有些块级元素会存在默认外边距 body h1~h6 p 2、垂直外边距合并 两个垂直外边距相遇时，将会合成一个外边距。最终外边距的值是两者中 边距较大的的值。 3、如果给子元素设置margin-bottom，默认会被识别成是父元素的margin-bottom

*{ margin: 0; padding: 0; /*background-color: whitesmoke;*/ } .bottom{ height: 44px; background-color: #2459a2; /*line-height: 44px;*/ /*text-align: center;*/ } .centor{ /*background-color: #00A000;*/ /*background-color: #2459a2;*/ background-color: #2459a2; height: 44px; width: 60%; margin: auto; } .drawer,.classification{ background-color: #2459a2; height: 44px; float: left; line-height: 44px; color: white; } .classification,.login{ font-size: 12px; font-style: normal; font-family: Tahoma, Verdana, Arial, Helvetica, 宋体, sans-serif; } .solr,.login{ background-color: #2459a2; height: 44px;