老杨说话的地方
  • 首页
  • 关于老杨
  • 博客时间
  • 文章分类
    • 人生感悟
    • 信息技术
    • 往事随风
    • 情感随笔
    • 文学创作
    • 生活记录
    • 评论杂谈
    • 人工智能
  • 留言本
我是老杨
张驰有度 宠辱不惊
  1. 首页
  2. 信息技术
  3. 正文

CSS中的!important还真重要

2008年12月16日 2278点热度 0人点赞 2条评论

前几天写一些CSS代码的时候又难为我了,因为那个该死的IE6对CSS的支持是如此的差劲,以前我还没注意过,因为做的东西基本都是基于IE的,可是我这次为博客写的CSS要支持不止IE一个浏览器,可恨的是我装的Windows 7,这里面自带的是IE8浏览器,我自认为已经没有问题了,可是打开IE6,仍然出现错位,于是我决定看看IE6到底是什么情况。

我把所有的CSS块儿全部使用边框包起来,结果看到在IE中两个div之间的距离明显要宽于其他浏览器,比如你写一个div的margin属性为20px,那么在IE中就好像是40px一样,这也就是为什么本来精度计算的刚刚好,在IE下却偏偏错位的原因。

后来我看到了!important这个属性,这个属性其实也是css规范中的,结果IE6愣是不支持,也正因为它不支持,才让很多的CSSer们找到了解决的方法。一般来讲,在css中,如果在同一个css块中写下两个同样的属性,那么其实是按照最下面的来执行的,比如说:

.home{
    margin-left:20px;
    margin-left:40px;
}

那么在执行的时候其实是按照40px来执行的,!important的出现就是为了让用户自己设置被执行语句的优先级。如果把上面的语句改为:

.home{
    margin-left:20px!important;
    margin-left:40px;
}

那么在火狐、google浏览器以及IE7以上版本下将会按照20px来执行,而在IE6下却仍然按照40px来执行,因为IE6并不支持!important规范,我们就可以按照这个规则来满足IE6的设计需要,什么时候发现IE6和其他浏览器显示效果不同,那么就设置两个,在上面的一个加入!important标记,而下面的一句则不需要添加,这样IE6就按照下面的来执行了。资深的CSSer说:如今的CSS处处!important。这可都是天杀的IE6惹的祸,大家说IE6就是一坨代谢产物一点也不为过。

标签: css Google 博客
最后更新:2008年12月16日

老杨

博士,非博学之士;讲师,讲所学所知。糊涂半生,虚度半世,唯愿平淡快乐,度过此生。

点赞
< 上一篇
下一篇 >
guest
guest
2 评论
内联反馈
查看所有评论
沿阶草
沿阶草
游客
12 年 之前

都装windows 7了,对配置要求方面,怎么样?

0
回复
老杨
老杨
作者
回复  沿阶草
12 年 之前

@沿阶草 回复沿阶草, 配置还行,要求不是特别高,我的机器跑起来很流畅,个人感觉比vista要好用一些,不过仍然有些问题,比如兼容性之类的,我的有些软件就经常容易不响应,而且机器死机过几次,现在还是测试版本,所以还不是特别稳定

0
回复

老杨

博士,非博学之士;讲师,讲所学所知。糊涂半生,虚度半世,唯愿平淡快乐,度过此生。

搜索
最新 热点 随机
最新 热点 随机
WPS的优秀 我为什么坚持独立博客 啃老 进击的三哥 向流量低头 待人以诚 关于过节的一些看法 关于WEY 你只能相信 可能,我年龄也到了
什么才是安全 醉酒 晴迷星途42避而不见 还是看不开 北京欢迎你-群星打造奥运倒计时100天主题曲 我的能量哲学(十一)孩子与宠物 中国人的信仰 开一个新站 熟悉的陌生人 晴迷星途53坠落
最新评论
  • 啃老上的老杨是的。 你怎么样现在?
  • 啃老上的wyjsusan恭喜师兄!有了娃确实生活完全不一样了,一开始最难,等孩子大点就能好点
  • 啃老上的老杨谢谢。 我都能想象出你训儿子时候的样子,哈哈。
  • 啃老上的linda恭喜师兄哦,都不知道你有娃了,哈哈。 生活并不是你想得那么容易,两个儿…
  • WPS的优秀上的老杨是的,书、电影、音乐,都是买的会员了。
  • WPS的优秀上的xqiushi盲猜,以前的合同方面有限制吧? 现在我们会越来越注重版权的。
  • WPS的优秀上的老杨这事我也是百思不得其解,都是一个集团的,为啥版权不能共享呢?
  • WPS的优秀上的xqiushi内容还是有差别吧
  • 进击的三哥上的老杨是的。
  • WPS的优秀上的老杨微软没有校园版,学校之所以能用,是因为学校给咱们付了钱,就是那个正版计…
标签聚合
Google 晴迷星途 软件 网络 情感 开始 音乐 电影 小说 人生 中国 博客 工作 生活 同学 评论 网站 朋友 java 家
关注公众号

COPYRIGHT © 2020 老杨说话的地方. ALL RIGHTS RESERVED.

THEME KRATOS YANG Modified BY 老杨

鲁ICP备17014997号-4

鲁公网安备 37021302000754号