知识是有趣的

DOCTYPE 影响 CSS 处理FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中FF: 设置 padding 后, div 会增加 height 和 widt

浏览器是IE6、7和FF，当然这种现象在FF中没有出现，毕竟是遵循W3C的标准浏览器嘛! 现象就是：外层浮动套内层浮动，结果内层浮动溢出，导致内层（我插入的图片）掩盖了外层的边框，看起来很BUG! 网友总结的bug症状：在清除浮动的地方多出 “大小为外层padding-top值” 的留白。浮动这东西用起来真是麻烦，还要最大限度地考试兼容性 :(IE7中解决的办法就是在外套层加ove

css中如何与javaScript结合起来？这就要在css属性中应用expression表达式，从IE5及以后的版本中开始支持expression表达式，例如给一个层定位如下：这就要在css属性中应用expression表达式，从IE5及以后的版本中开始支持expression表达式，例如给一个层定位如下： #boxA{ position:absolute; left:expression(d

在IE6和FF中没问题的页面转移到IE5和IE5.5中也往往乱成一团，看来IE5还真是WEB标准制作的一个“钉子户” 。下面是用“IE条件注释”来为IE的不同版本写的样式：1，懂得IE与FF兼容性的朋友都知道！important可以提升优先级，如下例：#redbox{...}{ background-color:red!important;  /**//*提升优先级，兼容FF浏览器*/

近在CSS+DIV重构一个网站，觉得下面提到的十八点CSS样式表的优化技巧非常值得大家学习。一.使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。CSS缩写的主要规则请参看《常用CSS缩写语法总结》，这里就不展开描述。二.明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单

网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了，因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同，导致设计的页面效果不一样，所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢？广泛被使用的方法就是CSS Hack，即使用特别的CSS定义显示网页在不同浏览器的设计风格，针对不同的浏览器去写不同的CSS，最大化兼容浏览

一直以来，人们都认为淘宝的导航条不错，更有很多网站效仿；今天就当作个练习，作一下这个导航条；　　以下效果应用的图片共2张，如果只用1张效果不太好，特别是圆角部分。我大致看了一下淘宝现在的导航条，分别用了十几张图片，并不是用以下这个方法作的，如果你有兴趣现在可以上淘宝网看一下，鼠标移上去的图片不能立刻显示，这样的效果不是很理想。　　这次我试着把显示的效果图和鼠标移上去的图合成一个了，这样鼠标移上去就

“!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权”“IE一直都不支持这个语法，而其他的浏览器都支持” margin: 2px 0 0 6px !important; margin: 6px 0 0 6px;现在IE、Mozilla、Opera显示效果基本相同。除了布局上可以使用!important，其它如颜色等也都可以，这样我们就可以针对IE和非IE浏览器设置不同的

1，有关DIV居中的问题。在body中如果设置DIV#box居中的话,用text-align:center；效果是在IE6中可实现居中，且box中的文字也居中，而在FF中的表现是，文字居中，层box默认居左；为了改变这种差异一般用：body{margin:auto;} box{margin:auto;}这样在IE6和FF中都一样；2,float浮动元素。float可定位DIV，而设置为float的