法则之间属性不异，值差此外时候就会产生声明斗嘴，这个时候层叠就会起感化了，层叠会将我们声明的差此外值进行保存，不异的值进行对照，选权重值更高的一个来运行。具体情境如下：假设我们界说了一个div标签，再界说其宽高，并赋予它一个类名为div，然后我们通过CSS文件对他的样式进行变动，用元素选择器指定它的配景颜色为红色，再用类选择器指定它的配景颜色为蓝色，这个时候就产生了前面提到的声明斗嘴，运行功效我们会发明div的配景颜色酿成了蓝色，而决定div最终变为蓝色配景的就是层叠。那么层叠是按照什么来决定要在执行哪一个声明的呢？一、对照优先级。声明分为普通声明和重要声明，，例：color:red;是一个普通声明，color:red !important;是一个重要声明，在产生声明斗嘴时，层叠会执行重要声明。二、对照特殊性。所谓特殊性，就要引入一个观点，那就是权重值，内联样式（即内嵌在元素标签内部的样式，如<a style:color：red></a>）的权重值为（1,0,0,0），id选择器的权重值为(0,1,0,0)，类选择器的权重值为(0,0,1,0)，元素选择器的权重值为(0,0,0,1)，通配符的权重值为0，重要声明的权重值最高，层叠会按照声明的权重值，执行权重值大的声明。PS:权重值：重要声明>内联样式>id选择器>类选择器>元素选择器>通配符

2.担任

所谓担任，就是子元素会自动拥有父元素的某些CSS属性，文本类的属性会被担任，例如：假设某个p标签是某个span标签的父元素，当我们界说p标签字体颜色为红色，字体巨细为14后，span里的文字内容字体颜色也是红色，字体巨细也是14。

3.盒模型

每个元素城市在页面中生成一个矩形区域，CSS将这个矩形区域称为盒子，也就是盒模型。盒模型由四个部分构成：一、content，即内容。二、padding，即内边距。三、border，即边框。四、margin，即外边距。我们可以想象一个快递盒子，content就是我们买的对象，padding就是快递员塞进去的泡泡纸，塞的越多，箱子就会越大，border就是快递外包装，margin就是一个快递盒子和此外一个快递盒子之间的距离。

4.元素的定位体系

元素在页面的定位体系有三种：通例流，浮动Float，绝对定位

通例流即文档流。浮动Float可以让元素向上向左或向上向右浮动，但会让页面布局脱离文档流。绝对定位也会让页面布局脱离文档流。

5.通例流

在没有CSS的干与干预下，块级元素独有一行，宽高可设，行内元素并排显示，宽高自动。