初学div+css网页布局的设计者常常会被一个问题困扰着。在IE和其他(Mozilla、Opera等)浏览器里显示的效果常常会偏差2px。这是因为IE对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ sRule!important },即写在定义的最后面,如: box{color:red !important;} 最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。我们就可以利用这一点来分别给IE和其它浏览器不同的样式定义。如: .colortest { border:20pxsolid #000 !important;border:20pxsolid #CCC;padding: 30px;width : 300px;} 在Mozilla中浏览时候,能够理解!important的优先级,因此显示#000的颜色;在IE中浏览时候,不能够理解!important的优先级,因此显示#CCC的颜色。可以看到,利用!important,我们可以针对IE和非IE浏览器设置不同的样式,只要在非IE浏览器样式的后面加上!important。!important必定成为CSS布局的利器,请记住它、掌握它、并合理的加以利用!
解决IE和Mozilla的布局差别的利器:“!important”
来源:互联网 发布日期:2016-03-25 16:35:55 浏览:2137次
相关内容
AiLab云推荐
最新资讯
本月热点
热门排行
-
周鸿祎预测2024大模型10大趋势,“建议让AI在公司里无孔不入”
阅读量:185454
-
AI大变局,时代新希望|异想大会
阅读量:165887
-
产品经理必须懂得AI:ChatGPT-人工智能对话的新篇章
阅读量:106756
-
印媒:防AI造假,尼康、索尼等相机巨头拟推“数字签名”新技术
阅读量:103065
-
AI 的未来比你想象的更不稳定
阅读量:92956
-
比OpenAI官方提示词指南更全,这26条黄金准则让LLM性能飙升50%以上
阅读量:59584
推荐内容
- CIBF2024
- 2024年香港礼品及赠品展览会
- 2024第26届山东国际水展
- 2024第19届潍坊春季茶业博览会暨紫砂展
- 2024CXBE厦门美妆供应链博览会
- 2024厦门日化产品技术供应链博览会-打造东南国际市场新坐标!
- 2024深圳国际文创新品展
- 2024第10届深圳国际IP授权产业博览会(CIPE)
- 2024晋冀鲁豫国际门窗幕墙展览会
- 2024中国昆山第二十四届国际机床及智能装备展览会
- 2024长春第十八届连锁加盟创业项目展览会暨2024 东北长春餐博会暨首届预制菜展览会
- 2024第二十六届山东国际供热供暖、暖炉及空调技术与设备展览会(JINNOC国际供热展)
- 2024第七届中国(昆明)南亚社会公共安全科技博览会
- 2024第三十二届中国(深圳)国际礼品及家居用品展览会(深圳礼品展)