这是我参与「第五届青训营 」笔记创作活动的第3天
虽然以前学过CSS了，但是通过今天的[深入CSS（上）]视频课，我不仅复习了一些知识，而且还学到了几个新的CSS用法。
我把今天的知识进行了整理，内容如下：
1. 选择器的特性
当有多个选择器指定一个元素时，元素就可能不一定是前面的或后面的生效。具体效果就要看选择器的特异度了，也就是我们常说的权重。我掌握的CSS选择器的权重计数方法就是：
行内样式>id选择器>类选择器>标签选择器
实例：
例子中就是因为权重不同所以按钮样式呈现出不同效果。
2.CSS中的继承。
继承：某些属性会自动继承其父元素的计算值，除非显式指定一个值。
实例：
例子中p，em元素就继承了父元素body的字体大小属性。 但是一些属性没法直接继承，我们可以通过使用inherit关键字实现显式继承，同样也能继承。
3.CSS的布局
布局就是确定内容的大小和位置的方法。我们主要依据元素、容器、兄弟节点和内容等信息来计算。
CSS中我们主要把布局分为三大类：标准流，浮动（float）以及定位（position）。而标准流里面包括行级，块级，表格布局，flex弹性布局，grid网格布局等等。
学习布局前我们要先理解CSS中盒子是怎么样的。一个盒子真实的宽度是由width+padding+border组成的。一个盒子还有margin属性，它是与其他元素之间的距离。盒子组成如图：
padding指定元素四个方向的内边距，border指定容器边框样式、粗细和颜色。margin指定元素四个方向的外边距，取值可以是长度、auto。
CSS3新增了盒模型：box-sizing：border-box，通过这个方法实现内减模式，盒子不会因为设置了padding和border使盒子撑大。例子：
4.显示与隐藏属性（overflow）
通过设置overflow属性可以实现元素的显示与隐藏。
- 当值为hidden，超出盒子部分内容会隐藏掉。例子：
- 当值为scroll使，盒子会有滚动条，可以滚动看其他部分内容。例子：
