1.-example--name，表示的是带有值的自定义属性，其可以通过 var 函数在全文档范围内复用的。
2.-webkit-line-clamp CSS 属性 可以把 块容器 中的内容限制为指定的行数.
3.为保证样式生效，需要把 :active 的样式放在所有链接相关的样式之后。这种链接伪类先后顺序被称为LVHA 顺序：:link — :visited — :hover — :active。
4.::after用来创建一个伪元素，作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。
5.data-descr可用来实现提示文本。
6.可替换元素（replaced element） 简单来说，它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。某些可替换元素，例如 <iframe> 元素，可能具有自己的样式表，但它们不会继承父文档的样式。
7.line-height CSS 属性用于设置多行元素的空间量，如多行文本的间距。对于块级元素，它指定元素行盒（line boxes）的最小高度。对于非替代的 inline 元素，它用于计算行盒（line box）的高度。
-
normal取决于用户端。桌面浏览器（包括Firefox）使用默认值，约为
1.2，这取决于元素的font-family。 -
该属性的应用值是这个无单位数字
<数字>乘以该元素的字体大小。计算值与指定值相同。 -
使用line-height实现垂直居中对齐。
-
line-height=上距离+内容高度+下距离。 -
当 line-hieght 等于 height，内容垂直居中
当 line-hieght 大于 height，内容向下移动
当 line-hieght 小于 height，内容向上移动
