CSS中属性带 * 号是什么意思

html-css012

CSS中属性带 * 号是什么意思,第1张

那个星号是用于解决浏览器兼容问题的:

例子:

width:300px; 火狐浏览器

*width:400px; IE7.0

_width:500px IE6.0

恩~大概就是这样,还有一个事!important 也是用于兼容浏览器问题的:

例子:

width:300px!important width:400px

火狐和IE7.0会识别300px,而IE6则会是400px。

最后一个常见*位置:在css样式顶部

例如:

*{

font-size:12px

}

那么这个星号是把页面所有字号都就是默认变成12px

欢迎访问:我助助学习交流网

*号就是说是指定为IE6和更低版本来使用。非IE的浏览器就不认得。

原理是:HTML元素被认为是网页上的第一个元素,即根元素,但是IE7以下的所有版本有一个匿名的根元素,它包围着HTML元素,可以使用通用选择器指定包围在另一个元素中的HTML元素。因为这种情况只在IE6和更低版本中出现,所以可以将特定的规则应用于这些浏览器。比方说

* html{font-size:small}

例子:IE6以下将1象素的点划线错误的显示成虚线,为了避免这个虚线,可以将链接上的鼠标停留边框样式设置成点线,但在IE中复盖这个规则,让它们显示成实线。可以写成:

a:hover{

border:1px dotted black

}

* html a:hover{

border-style:solid

}

结论:在任何常规的CSS规则开头添加一个通用选择器和一个HTML类型选择器。这样就会对除IE之外的所有浏览器隐藏这个规则。 例如:*html{font-size:small}, IE以外的浏览器不认得。

*{font-size:small} 是指*是通用符,把所有字体都默认置小。同理,* {margin: 0padding: 0}是指所有的区域,影响整个页面。

参考: http://bbs.blueidea.com/thread-2876874-1-1.html