您的位置：首页 > Web前端 > CSS

CSS里定义body{ }和定义*{ }的区别

2015-12-04 11:09 447 查看
* {

margin: 0;

padding: 0;

border: 0;

}

body {

background: #CCC;

padding-top: 20px;

text-align: center;

}

* 代表所有元素

所以对*设置了属性 也就是对xhtml标签的所有元素设定了属性

而body只是一个标签

但是他是结构标签的开始

所以给他设置的属性 如果之后的标签 有继承属性 那么他就会或者body标签允许继承的属性，比如背景颜色 字体大小 字体颜色等。

至于听谁的 JAVA中文网(www.javaweb.cc)

按照规则 听父元素的。

比如结构如下：

*{ color:#FF0000;（红色）}

body{ color:#000066;（蓝色）}

<body>

321

<p>123</p>

</body>

这里的 321 是什么颜色呢？

这里的 123 会是什么颜色呢？

分析一下

第一句*{color:#FF0000;}告诉我们 所有标签下面的字体颜色都是红色的。

那么body 就有color:#FF0000;的属性了 而P 也一样有。

这个时候我们设置body{ color:#000066;}，那么根据规则 如果属性重复，那么就取最近设置的。那么body的颜色就会是蓝色的。而P 标签如果没有颜色设置就会继承body的蓝色 但是开始的时候 *已经给P标签设置了红色。那么

这里 的 321 会使用body的蓝色

而123会使用P 标签的红色
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航