css中同时有margin-top : 2.5em !important; margin-top : 1.9em;什么意思
答案:3 悬赏:0 手机版
解决时间 2021-02-04 16:39
- 提问者网友:欲劫无渡
- 2021-02-04 06:25
css中同时有margin-top : 2.5em !important; margin-top : 1.9em;什么意思
最佳答案
- 五星知识达人网友:走死在岁月里
- 2021-02-04 06:42
只要是为了解决IE6的显示问题,“margin-top : 2.5em !important”这个是IE6不能识别的,“margin-top : 1.9em”是其他浏览器可以识别的;margin-top是:上边距
!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ sRule!important }
em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font -size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ sRule!important }
em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font -size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
全部回答
- 1楼网友:独行浪子会拥风
- 2021-02-04 09:04
这是为了解决各个浏览器兼容性问题
区别FF,IE7,IE6:
background:green !important; background:orange; *background:blue;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
另外再补充一个,下划线”_“,IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分firefox,IE7,IE6
background:green!important; *background:orange; _background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
区别FF,IE7,IE6:
background:green !important; background:orange; *background:blue;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;
另外再补充一个,下划线”_“,IE6支持下划线,IE7和firefox均不支持下划线。
于是大家还可以这样来区分firefox,IE7,IE6
background:green!important; *background:orange; _background:blue;
注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。
- 2楼网友:英雄的欲望
- 2021-02-04 08:20
!important是对于标准浏览器优先读取的意思。
CSS中的参数,如有相同的,以靠后的为准。
这个!important的目的,是让IE读取后面的1.9em,让firefox等标准浏览器读取前面2.5em的值。
CSS中的参数,如有相同的,以靠后的为准。
这个!important的目的,是让IE读取后面的1.9em,让firefox等标准浏览器读取前面2.5em的值。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯