em 是一个相对单元，就是当前元素（font-size) 1 个笔墨的巨细, 假如当前元素没有设置巨细，则会按照父元
素的 1 个笔墨巨细。
4.5 行间距
line-height 属性用于设置行间的距离（行高）。可以控制笔墨行与行之间的距离。
p {
line-height: 26px;
}
复制代码
4.6 文本属性小结
5 CSS 引入方式
按照 CSS 样式书写的位置（或者引入的方式），CSS 样式表可以分为三大类：
行内样式表（行内式）
内部样式表（嵌入式）
外部样式表（链接式）
引入外部样式表：
<link rel="stylesheet" href="css文件路径">
复制代码
6 CSS 的元素显示模式
可以更好的布局网页，元素显示模式就是元素（标签）以什么方式进行显示，比如<div>自己占一行，比如一行可以放多个<span>。
HTML 元素一般分为块元素和行内元素两种类型。
6.1 块元素
常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，此中 <div> 标签是最典型的块元素。
块级元素的特点：
① 独占一行。
② 高度，宽度、外边距以及内边距都可以控制。
③ 宽度默认是容器（父级宽度）的100%。
④ 是一个容器及盒子，内里可以放行内或者块级元素。 注意：
笔墨类的元素内不能使用块级元素
<p> 标签重要用于存放笔墨，因此 <p> 内里不能放块级元素，特别是不能放<div>
同理， <h1>~<h6>等都是笔墨类块级标签，内里也不能放其他块级元素
6.2 行内元素
常见的行内元素有 <a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，此中
<span> 标签是最典型的行内元素。有的地方也将行内元素称为内联元素。
行内元素的特点：
① 相邻行内元素在一行上，一行可以显示多个。
② 高、宽直接设置是无效的。
③ 默认宽度就是它自己内容的宽度。
④ 行内元素只能容纳文本或其他行内元素。
注意：
链接内里不能再放链接
特殊情况链接 <a> 内里可以放块级元素，但是给 <a> 转换一下块级模式最安全
6.3 行内块元素
在行内元素中有几个特殊的标签 —— <img />、<input />、<td>，它们同时具有块元素和行内元素的特点。
有些资料称它们为行内块元素。
行内块元素的特点：
① 和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙。一行可以显示多个（行内元素特点）。
② 默认宽度就是它自己内容的宽度（行内元素特点）。
③ 高度，行高、外边距以及内边距都可以控制（块级元素特点）。
6.4 元素显示模式小结
对于两个嵌套关系（父子关系）的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距值。
办理方案：
① 可以为父元素定义上边框。
② 可以为父元素定义上内边距。
③ 可以为父元素添加 overflow:hidden。
④ 还有其他方法，比如浮动、固定，绝对定位的盒子不会有塌陷题目
