学习前端的第9.5天，今天学习一些知识的延申。

垂直对齐：

Vertical-align

在垂直方式设置元素的位置

应用场景：log垂直居中，下拉菜单垂直居中，控制文本与图片的位置

属性值：

middle/top/text-top/bottom/text-bottom/baseline

middle【实现垂直居中】

text-top【重要】

text-bottom【文字的最下方】

top【line-height的最上方】

bottom【line-height的最下方】

white-space：

解释：white【白色】 space【空白】 空白区域的设置

nowrap 强制内容在一行中 显示出来

pre：保留所有的空白区域，并且强制在一行中显示出来

pre-wrap：没有完全保留空白区域，不让他强制在一行中显示

pre-line：保留部分空白区域【在文本中的换行显示】

overflow：

设置超出盒子模型部分内容时显示状态

4：hidden：溢出隐藏

scroll：显示滚动条【一直有】

atuo：在文本溢出时显示滚动条

visible：默认值【了解】

text-overflow属性：

1、text-overflow：clip；

不显示生了号（...），而是简单的裁切；

默认字体显示 */

2、text-overflow：ellipsis：

当单行文本溢出时显示省略标记

文字超出设置的宽度时，所溢出的文字显示为时省略号... 

伪对象【伪元素选择器】选择器

：after【：：after】（在后面添加内容）

：before【：：before】（在前面添加内容）

：：first-line（在第一行中添加样式）

：first-letter（给第一个文本添加样式）/【只能用在块级元素中】

：：selection（选中之后的样式操作只能改变字体颜色和背景颜色）