任务6-HTML3

课程目标：掌握基本标签和基本样式的用法

1. line-height 有什么用？

line-height: 行高，文本行之间的距离。也等于上下两行文字(设置相同)基线的距离。

值	作用
normal	取决于用户代理，约为1.2
percentage (%)	与元素自身的字体大小有关。计算出的值是给定的百分比值乘以元素计算出的字体大小
length (px)	指定固定length
number	乘以元素的 font size

使用number设置line-height是首选方法，在继承情况下不会有异常的值。

拓展阅读：

1. css行高line-height的一些深入理解及应用
2. MDN_line-height

2. 如何去查CSS属性的兼容性？比如 inline-block 哪些浏览器支持？

到caniuse查，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
很明显，它还在那里，只是“隐身”了。

拓展阅读：

CSS“隐藏”元素的几种方法的对比

5. 如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否继承到当前 a 链接上？

去除a链接默认样式，可以直接text-decoration: none;。
在a链接的父容器添加颜色，a链接不会继承。必须要直接把颜色样式作用到a链接上。