Div+css中body{}以及*{}有什么不同?
<body><divid="content"><divid="left"><divid="tittle">111111</div><divid="gonggao">222...
<body>
<div id="content">
<div id="left">
<div id="tittle">
111111
</div>
<div id="gonggao">
222222222222222222
</div>
</div>
</div>
</body>
我给以上代码设置每个DIV都不同的背景色.
1.使用通配选择符*{}设置最外层背景时gonggao和tittle元素继承的背景色既不是其父元素也不是content的颜色,而是*{}的背景色。
2.使用body{}设置最外层背景时gonggao和tittle元素继承则它们又继承了父元素left的颜色属性.
求高手解答*{}与body{}的不同,以及和直接在最外层设置一个布满屏幕的DIV后设置属性又有什么不同? 展开
<div id="content">
<div id="left">
<div id="tittle">
111111
</div>
<div id="gonggao">
222222222222222222
</div>
</div>
</div>
</body>
我给以上代码设置每个DIV都不同的背景色.
1.使用通配选择符*{}设置最外层背景时gonggao和tittle元素继承的背景色既不是其父元素也不是content的颜色,而是*{}的背景色。
2.使用body{}设置最外层背景时gonggao和tittle元素继承则它们又继承了父元素left的颜色属性.
求高手解答*{}与body{}的不同,以及和直接在最外层设置一个布满屏幕的DIV后设置属性又有什么不同? 展开
展开全部
*{} 包括<html>与</html>中的所有属性样式定义,只要其下方没有再次对标签进行独立定义,则样式按通配符 * {} 所定义的来执行。
body{}包括<body>与</body>中的样式定义,只要其下方没有再次对标签进行独立定义,则样式按 body {} 所定义的来执行。
* 最常用的是 *{margin:0;padding:0;} 可以使所有的浏览器这两项默认值统一,有利于后期的兼容性调整。
最外层设置一个布满屏幕的DIV后设置属性,这是很多设计者使用的办法,它可以解决一个页面整体可见元素居中的问题,还可以解决漏掉的一些元素定义的问题,如背景,有些块状元素<div>等没有定义背景,将直接使用最外部的一个背景设置。
body{}包括<body>与</body>中的样式定义,只要其下方没有再次对标签进行独立定义,则样式按 body {} 所定义的来执行。
* 最常用的是 *{margin:0;padding:0;} 可以使所有的浏览器这两项默认值统一,有利于后期的兼容性调整。
最外层设置一个布满屏幕的DIV后设置属性,这是很多设计者使用的办法,它可以解决一个页面整体可见元素居中的问题,还可以解决漏掉的一些元素定义的问题,如背景,有些块状元素<div>等没有定义背景,将直接使用最外部的一个背景设置。
参考资料: http://www.htmljs.cn/
2010-06-01
展开全部
*{}就是全部的意思,包含body{}也包括gonggao,也包括tittle。不论是哪个设置都可以对body产生作用。body{}只是对body以及body中未设置的对象产生作用。
但是顺序是关键,如果body在后,那body对body产生作用。其他设置是*,*的意思就是全部(其中包括body),一般不用*这种形式。
但是顺序是关键,如果body在后,那body对body产生作用。其他设置是*,*的意思就是全部(其中包括body),一般不用*这种形式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询