使用!重要的是解决伊江和Mozilla之间的布局差异
在设计网页设计师时,有一个问题一直困扰着我。主菜单是2px在伊江和其他的浏览器(火狐,Opera),截图如下:工业工程的影响
火狐浏览器的作用
这是通过盒子之间的距离的IE的错误解释造成的(指浮动模型问题的onestab)。我不解决这个问题,直到我翻译形式相匹配的CSS——生死战。作者的一个提示帮助我找到了一个解决方法:使用重要的信息。
重要的是由CSS1的语法,它的功能是提高指定样式规则应用的优先权(参见:W3。org的解释)的语法格式{初值!重要}是在定义的结尾写的,例如:框{颜色:红色!重要的;}
最重要的是,IE不支持的语法,和其他浏览器都支持它,所以我们可以用这个来定义例如IE和其他浏览器,不同的风格,我们定义这样的风格:{参数的测试过程。
边境:20px固体# 60a179!重要;
边境:20px固体# 00f;
填料:30px;
宽度:300px;
}
当浏览在Mozilla中,你可以了解重要的优先权,这样的# 60a179彩色显示:
浏览时,在伊江,你不能理解的重要的优先权,这样的# 00f彩色显示:
你可以看到,通过使用重要的,我们可以为IE和非IE浏览器设置不同的样式,只要我们增加对非IE浏览器风格的重要。因此,在我的主页,显示差异2px,也容易解决:
padding-top:11px!重要;
padding-top:9px;
重要的是CSS布局的工具,请记住并掌握它。