Web page Style IE6 IE7 and Firefox

每种浏览器对Css样式的支持不同,

为了区分不同的浏览器可以这样写:

 

Style="width:260px; position: absolute; margin-left: 347px; #margin-left: 338px!important; #margin-left: 338px;"

 

 

首先来说明一下margin的作用,用来设置控件外部的空白区域大小;

比如:margin-top:100px,意思就是该控件上方面保存100px的空白空间.

还有一个类似的属性是padding,这个是用来设置控件内部的空白区域大小.

 

我来解释一下上面styl中的特殊标记'#' 和'!important'的用法,

'#' 只有IE浏览器可以识别,有些朋友也会用'*','*+','_'等一些标记,想了解去google就明白了,不要光看,动动手才会理解;

'!important' IE7和Firefox支持,它会提高属性的优先级,上面的标记(

margin-left: 347px; #margin-left: 338px!important; )

因为的第二个标记用了'!improtant',显示以第二个属性为主;

 

所以上面的style,在不用的浏览器中的理解为:

IE6:"width:260px; position: absolute;  #margin-left: 338px;"

IE7:"width:260px; position: absolute; #margin-left: 338px!important; "

Firefox:="width:260px; position: absolute; margin-left: 347px; "