任务六~HTML3

一、line-height有什么作用?

line-height属性是指文本行基线之间的距离，而不是字体的大小，它确定了将各个元素的高度增加多少或减少多少。
line-height说明

| line-heitht | introduction |
| :----------: | :-----------: | :-----------: | :-----------: |
| 值 | 、、、normal、inherit |
| 初始值 | normal |
| 应用于| 所有元素 |
| 继承性| 有 |
| 百分数 |相对于元素字体大小 |
| 计算值 |对于长度和百分数值是绝对数值；否则，根据指定确定 |

line-height继承
line-height值从父元素继承时，要从父元素计算，而不是在子元素上计算
line-height值指定为一个数时，缩放因子将是继承值而不是计算值。这个数会应用到该元素及其所有子元素，所以各元素都根据其自己的font-size计算line-height
以上内容来自于《CSS权威指南》

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

可以通过Can I use ....网站去查询css属性的兼容性
inline-bock得到的浏览器支持如下图：

inline-block浏览器支持图

三、a 标签的href, title, target 是什么？ title 和 alt有什么区别？如何新窗口打开链接?

a标签的href, title, target分别是：
href是a标签用于链接指定页面的 URL的属性
title是a标签用来提供链接信息的属性
target是a标签用于指定打开所链接资源的浏览环境，属性值如下

| 属性名称 | 说明 |
| :----------: | :-----------: | :-----------: | :-----------: |
| _blank | 在新窗口或标签页中打开文档 |
| _parent | 在父窗口或者包含来超链接引用的框架的框架集中打开文档；若这个引用是在窗口或者在顶级框架中，则同目标 _self 等效|
| _self| 在当前窗口打开文档（默认） |
| _top| 在顶层窗口打开文档 |

title和 alt的主要区别是：
alt只是html标签的属性，而title既是html标签，又是html属性
alt属性用来指定替换文字，只能用在img、area和input元素中，用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息
title作为标签时，用于设置网页的标题
title作为属性时，用来为元素提供额外说明信息。例如，给a标签添加了title属性，把鼠标移动到该链接上面是，就会显示title的内容，以达到补充说明或者提示的效果
来自于html中的alt和title用法区别
如何新窗口打开链接~~
将a标签target的属性值设置为_blank，即

四、display: none , visibility: hidden, opacity:0 有什么作用？有什么区别？

display: none , visibility: hidden, opacity:0三者都会使元素隐藏不可见
三者区别如下：
- display: none不会删除元素，但会使得元素隐藏而不可见，而且元素原来所在位置也会被后面元素所占据，从而脱离文档流
- visibility: hidden不会删除元素，但会让元素隐藏起来，元素原来所在位置仍然存在，没有改变文档流，但是不会触发该元素已经绑定的事件
- opacity:0不会删除元素，通过设置透明度让元素隐藏起来，但元素原来所在位置仍然存在，没有改变文档流，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的
- 参考自stackoverflow及这是中文整理的地方

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

去除a链接的默认样式，可以使用text-decoration，即a{text-decoration:none;}
直接在a链接父容器添加颜色，是不能继承到当前a链接上；要使a链接有自己的颜色，需要对a链接进行单独地设置，比如， a{color:pink;}