html-css三大特性

1、 CSS的三大特性

1 层叠性

div {
height: 200px;
width: 200px;
}
div {
height: 100px;
width: 100px
background-color: red;
}

2.继承性

​ text-、font-、line-以及color都可以实现继承。
a标签对于color是无法继承，所以对于color子标签的颜色需要单独的设定。

3 优先级(权重)(重点)

id ，class ,标签
看选择器的个数

2、浮动

浮动：浮动的元素是脱离了标准文档流。
float: left; right;

3. 高度塌陷的问题：

1. 父盒子中添加样式：overflow:hidden;
   2) w3c推荐的方式，内墙法；在父盒子下再添加一个 盒子，盒子的样式：clear: both. 这个盒子没有其他的实际价值.

4.绝对定位、相对定位。

相对定位：1. 微调元素；2.子绝父相。
绝对定位，绝大多少数情况下，配合着父盒子的相对性来实现。

5. css3的样式：

1. 阴影：box-shadow: 2px 4px 5px red;
   2) 状态变化：transform: rotate(45deg) | scale(1.4) | translate(x轴偏移量，y轴的偏移量)。
   3) 颜色的渐变：linear-grediant(to top, #ffffff, #000000).