line-height属性：定义行高的

用它解决文字垂直居中的问题。

百度解释：行间距的尺寸分配一般是line-height与font-size的计算值只差氛围两半，分别加到一个文本行内容的顶部和底部，可以包含这些内容（文本+文本顶部+文本底部）的最小框就是行框（line-box）。表示有点不太理解。

但如果你想用这个解决文字垂直居中的话，那么你的父类最好设有高的值，用line-height上父类高一样的值就可以实现垂直居中效果如下。

代码如下：

display: block;
font-size: 20px;
color: #ffffff;
text-align: center;
height: 80%;
width: 100%;
line-height:50px;
border: 1px solid #fbb435;
background-color: #fbb435;

最后一个页面文字的空格百度解决如下；

 

即不换行空格，全称No-Break Space，是最常见且使用最多的空格。HTML字符值引用为：  ，宽度受字体影响明显而强烈。

 

即“半角空格”，全称En Space，en是字体排印学的计量单位，为em宽度的一半，即等同于字体度的一半。宽度正好是1/2个中文宽度，而且基本上不受字体影响。

 

即“全角空格”，全称Em Space，em是字体排印学的计量单位。宽度正好是1个中文宽度，而且基本上不受字体影响。

 

即“窄空格”，全称Thin Space。宽度仅为em的六分之一。

‌

即“零宽不连字”，全称Zero Width Non Joiner，简称“ZWNJ”，是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字，并以这两个字符原本的字形来绘制。其Unicode码位为：U+200C，HTML字符值引用为：‌。

‍

即“零宽连字”，全称Zero Width Joiner，简称“ZWJ”，是一个不打印字符，放在某些需要复杂排版语言（如阿拉伯语、印地语）的两个字符之间，使得这两个本不会发生连字的字符产生了连字效果。其Unicode码位为：U+200D，HTML字符值引用为：‍。

总的来说，html中的几种空格实体拥有不同的宽度，其中，非断行空格（&nbsp）是常规空格的宽度，可运行于所有主流浏览器。由于不同情况下，浏览器的em不同，所以其他几种空格（       ‌‍）在不同浏览器中宽度各异。 

Z-index

属性指定一个元素的堆叠顺序。

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

它的作用就是可以解决元素的覆盖问题，决定那个元素在上方，哪一个在下方；
z-index的值可以是负数，也可以为0，也可以无群大，数值大的在上方；
z-index父元素设置的值权重比较大，当两个父元素相比的时候，父元素起决定作用，其中的子元素设置多大都没有用；就是让块状元素在收缩的时候谁在下面或谁在上面。

如图