实例分析:Css里*{ 和 body { 里的定义有什么区别?

    类别:Css知识  贡献者:admin  总点击:2284  受欢迎度:10  更新日期:2015年11月25日
简介:实例分析:Css里*{ 和 body { 里的定义有什么区别?* 代表所有元素,而body只是一个标签,P 标签如果没有颜色设置就会继承body的蓝色 但是开始的时候 *已经给P标签设置了红色。那么 这里 的 P标签里的123会使用红色显示,而 321 会使用body的蓝色。.
  • 实例分析:Css里*{ 和 body { 里的定义有什么区别?

    * { 
    margin: 0; 
    padding: 0; 
    border: 0; 

    body { 
    background: #CCC; 
    padding-top: 20px; 
    text-align: center; 
    }

    * 代表所有元素 
    所以对*设置了属性 也就是对xhtml标签的所有元素设定了属性 
    而body只是一个标签 
    但是他是结构标签的开始 
    所以给他设置的属性 如果之后的标签 有继承属性 那么他就会或者body标签允许继承的属性,比如背景颜色 字体大小 
    字体颜色等。

    至于听谁的    全球网站库(www.0430.com)
    按照规则 
    听父元素的。 
    比如结构如下: 
    *{ color:#FF0000;(红色)} 
    body{ color:#000066;(蓝色)}

     
    321 

    123

     
     
    这里的 321 
    是什么颜色呢? 
    这里的 123 会是什么颜色呢?

    分析一下 
    第一句*{color:#FF0000;}告诉我们 所有标签下面的字体颜色都是红色的。 
    那么body 
    就有color:#FF0000;的属性了 而P 也一样有。 
    这个时候我们设置body{ color:#000066;},那么根据规则 
    如果属性重复,那么就取最近设置的。那么body的颜色就会是蓝色的。而P 标签如果没有颜色设置就会继承body的蓝色 但是开始的时候 
    *已经给P标签设置了红色。那么 
    这里 的 P标签里的123会使用红色显示,而 321 会使用body的蓝色。

    而123会使用P 标签的红色做网页(zuowangye.com)

    补充本知识点暨快乐评论此文章:'实例分析:Css里*{ 和 body { 里的定义有什么区别?.'

文章标签:css样式 
踩下去0
顶上来0
复制本页网址,与你QQ/MSN上的好友分享  温馨提示:如果您喜欢本站,请把她推荐给您的朋友们!
现在有0人对本文发表评论。  »马上发布评论
现在有0人对本文发表评论。  »查看所有评论
您的姓名: * 可选项,留空即为匿名发表
评论内容:
剩余字数:  * 按 Ctrl + Enter 直接发送.
           »»我要分享做网页知识
相关文章推荐
合作伙伴: 百度站长平台 新浪读书频道 CSDN.Net YPState R灯具集 小金子学院 商录 全球网站推广库 搜狗站长平台 网页百科 更多» >>加入本站作者团
首页 | 关于我们 | 网站地图 | 合作伙伴 | 部分作者 | 会员注册 友情链接 | 联系方式 |
2004-2020 做网页学习网 鄂公网安备 42010402000280号 鄂ICP备13003030号