课程目标：掌握基本标签和基本样式的用法
1. line-height 有什么用？
line-height: 行高，文本行之间的距离。也等于上下两行文字(设置相同)基线的距离。
| 值 | 作用 |
|---|---|
| normal | 取决于用户代理，约为1.2 |
| percentage (%) | 与元素自身的字体大小有关。计算出的值是给定的百分比值乘以元素计算出的字体大小 |
| length (px) | 指定固定length |
| number | 乘以元素的 font size |
使用number设置line-height是首选方法，在继承情况下不会有异常的值。
拓展阅读：
2. 如何去查CSS属性的兼容性？比如 inline-block 哪些浏览器支持？
caniuse-inline-block.png
主流浏览器都支持这个特性（IE8以上）。
3. a 标签的href, title, target 是什么？ title 和 alt有什么区别？如何新窗口打开链接?
href : 链接。
title : 鼠标悬停在a标签时显示的文字。
target : _self(默认值)，当前页面加载。 _target，新窗口打开。
4. display: none , visibility: hidden, opacity:0 有什么作用？有什么区别？
display: none;，元素会在页面上消失（不存在了），然后这个元素本来的空间会被其他元素顶上。所以，页面会重排。
visibility: hidden;，元素也会在页面上消失，但它依然占着本来的空间。所以，页面不会重排。
opacity: 0;，这个显示效果跟visibility: hidden;差不多，但它只是“隐身了”，它依然在那个地方，只是变透明了（opacity 不透明度 为0）。所以，页面也不会重排。
display-none.png
真的消失了。
visibility-hidden.png
虽然消失了，但是还占着空间。
opacity-0.png
很明显，它还在那里，只是“隐身”了。
拓展阅读：
5. 如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否继承到当前 a 链接上？
去除a链接默认样式，可以直接text-decoration: none;。
在a链接的父容器添加颜色，a链接不会继承。必须要直接把颜色样式作用到a链接上。
