论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{CSS}解决IE和Mozilla的布局差别的利器:“!important”

文章类别:div+css布局 | 发表日期:2008-9-26 11:33:03

初学div css网页布局的设计者经常会被一个问题困扰着。
在IE和其他(Mozilla、Opera等)浏览器里显示的效果经常会偏差2px。
这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。

!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。
语法格式{ sRule!important },即写在定义的最后面,如:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
box{color:red !important;}

最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。我们就可以利用这一点来分别给IE和其它浏览器不同的样式定义。如:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
.colortest {
border:20px solid #000 !important;
border:20px solid #CCC;
padding: 30px;
width : 300px;
}

在Mozilla中浏览时候,能够理解!important的优先级,因此显示#000的颜色;
在IE中浏览时候,不能够理解!important的优先级,因此显示#CCC的颜色。

可以看到,利用!important,我们可以针对IE和非IE浏览器设置不同的样式,只要在非IE浏览器样式的后面加上!important。

!important必定成为CSS布局的利器,请记住它、把握它、并合理的加以利用!


上一篇:{CSS}BoxModel盒模型bug的一般解决办法 人气:2300
下一篇:{CSS}CSS高级教程伪元素 人气:4542
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058