补充：
- 溢出处理：scroll（一直出现滚动条）
- 外边距：body标签默认外边距上下左右各为8px
- 内边距：父元素设置了内边距，子元素也不会出现外边距重叠问题
- 行高垂直居中：line-height——每行的行高
宽高包含内边距的处理方式：
box-sizing：
- content-box：默认值，宽和高的长度不包含内边距和边框，也就是要3者相加才是容器真正的长度
- border-box：宽和高的长度包含内边距和边框，也就是说设置之后不需要3者相加，容器原来设置多少长度就是多少，不受内边距和边框的影响
边框（尽量只写border解决）：
- border：边框（可输入3个值，分别是边框的宽度、颜色及样式，值之间空格隔开）
- border-width：边框的宽度
- border-color：边框的颜色
- border-style：边框的样式（solid-实线）
- border-radius：圆角边框（单位：px、百分比：相对于自己宽高的百分比）
- 注：输入在圆角边框的内容不会变成变成圆角而且会溢出，可使用溢出隐藏样式
空白处理：
white-space：
- wrap：默认设置，溢出时换行
- nowrap：溢出时不换行
- pre：保留文本中的空格和文字溢出时的不换行
- pre-wrap：保留文本中的空格和文字溢出时的换行
- pre-line：保留文字溢出时的换行，但不保留多个空格
转义标识符：
 ：表示一个空格
溢出处理：
text-overflow：
- ellipsis（设置溢出隐藏且不换行时，会显示省略号）
- clip（默认值，直接溢出不显示省略号）
背景效果：
background
background-color（背景颜色）
background-image（背景图片）
background-repeat（背景图片重复出现设置）：
no-repeat：不重复出现背景图片
repeat：默认设置为重复出现背景图片
repeat-y：垂直位置会出现重复背景图片
repeat-x：水平位置会出现重复背景图片
background-size（背景图片的大小）：
px
百分比（基于容器本身的宽高）：（设置水平方向的大小）%（设置垂直方向的大小）%
cover：将长的那一边的方向完全充满拉高或拉宽，另一边保持比例伸缩
contain：将短的那一边的方向完全充满拉高或拉宽，另一边保持比例伸缩
background-position（背景图像的位置）：
- 方位：设置两个方向往设置的方向靠，例如左上就是写left top（顺序可随便写）设置左居中则是left center
- xy：设置背景图片的水平方向或垂直方向。单位是百分比
虎哥小知识：
- 如果一个双标签中只有文字，没有其他子元素标签时不应该换行
- 如果一个双标签中不只有文字，还有其他子元素标签时应该换行
别一天老学你那勾皮前端又是另类，谁不会呀！玄武盾说那斩月刀，刀斩孟婆我度九霄，龙鳞剑我烈火烧，我烈火烧...
