结合青训营的相关课程，对前端基础进行扩展
CSS继承性
除此之外，某些属性会自动继承其父元素的计算值，除非显示指定
一般来说，CSS中和文字相关得的属性都是可以继承的，和模型相关的属性都是不可继承的
但是要注意：inherit关键字允许显式的声明继承性，它对继承和非继承属性都生效。
CSS层叠性
相当于重写父类方法
相同的CSS属性会覆盖，后面的CSS属性覆盖前面的CSS属性
不同的CSS属性会叠加，不同的CSS属性都生效
比如我写了两个div标签选择器，属性相同的话，后一个div生效，对于不同属性，则都生效
CSS盒模型
CSS盒模型本质上是一个盒子，封装周围的HTML元素
盒子模型重要组成部分
内容区域：width&height
内边距：padding（出现在内容和盒子边缘之间 相当于增加间距）
边框线：border
外边距：margin（出现在盒子外面）
内容区域
作用：利用 width 和 height 属性默认设置是盒子 内容区域 的大小
属性：width / height
常见取值：数字+px
内边距
属性名：padding/padding-方位名词
作用：设置内容和盒子边缘之间的间距
注意：padding-方位名词用来给盒子的某个方向设置内边距
边框线
属性名：border
属性值: 边框线粗细 线条样式 颜色
常用线条样式：
| 属性值 | 线条样式 |
|---|---|
| solid | 实线 |
| dashed | 虚线 |
| dotted | 点线 |
外边距
属性名：margin
作用：出现在盒子外面，通常用于设置盒子与盒子之间的间距
外边距问题：
- 合并现象：垂直排列的兄弟元素，如果同时设置margin，上下margin会合并。最终现象为：两个margin较大值生效
解决方法：直接设置一个盒子即可
- 塌陷问题：父子级的标签，子级的添上上边距就会产生塌陷问题。最终现象为：导致父级一起向下移
解决方法：1. 给父元素设置border-top 或者 padding-top（分隔父子元素的margin-top）
-
给父元素设置 overflow：hidden //推荐用法
-
转换成行内块元素
4.设置浮动
元素溢出
当内容超过BOX范围时，可以通过overflow控制溢出部分是否展示
属性名：overflow
作用：控制移除元素内容显示方式
| 属性值 | 效果 |
|---|---|
| hidden | 溢出隐藏 |
| scroll | 溢出滚动(无论是否溢出，都显示滚动条位置) |
| auto | 溢出滚动(溢出才显示滚动条位置) |
可以看出对于新手来说，如果想要掌握青训营课程视频，还是需要搜集大量资料，对知识点进行补充与扩张，这样才能更好的理解
