五:继承性和层叠性

css有两大特性,即继承性和层叠性。

1. 继承性

面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。那么我们现在主要研究csscss就是在设置属性的。不会牵扯到方法的层面。

继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。

记住:有一些属性是可以继承下来 color font-*text-*line-* 。主要是文本级的标签元素。

但是像一些盒子元素属性,定位的元素(浮动,绝对定位,固定定位)不能继承。

例子和层叠性一起体现。

2. 层叠性

层叠性: 权重的标签覆盖掉了权重小的标签,说白了 ,就是被干掉了

权重: 谁的权重大,浏览器就会显示谁的属性

数:id的数量 class的数量 标签的数量,顺序不能乱

前端学习 之 CSS(二)

对上面两个属性进行举例:

首先前端代码为:

<div class="mydiv1">
    这是div1的内容
    <div class="mydiv2">
        这是div1的内容
        <p class="myp">这是p的内容</p>
        <p id = "p2">这是第二个p的内容</p>
    </div>
</div>
View Code

相关文章: