任务6—HTML3

1. line-height有什么作用?

1. 文本层次解析

   
   Paste_Image.png

• 行高（line-height）
  所谓的行高就是等于行与行间的基线距离的文本高度，具体演示如下：

  
  Paste_Image.png
• 行高的作用之一是用于文本的垂直居中——设置line-height=height

Paste_Image.png

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

caniuse官方网站
查询结果如图：

Paste_Image.png

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

<a href="http://baidu.com" title="百度" target=“_blank” >这是一个链接</a>

1. href属性用于指定超链接目标的 URL。

• target规定在何处打开链接文档，当target值为"_blank"时，可以在新窗口打开链接。_self:在当前页面跳转。
• tiitle规定鼠标浮动到链接时显示的提示信息，art属性的作用是当用户无法查看图片时，浏览器将显示替代文本。
• 上述代码可以在新窗口打开一个链接

4. display: none和visibility: hidden，opacity:0 有什么作用？有什么区别？

1. 作用：
   display:none和visible:hidden，opacity:0 都能把网页上某个元素隐藏起来

• 区别：
  display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。元素原本占据的空间被其他元素所占据，从而导致浏览器的重排和重绘；
  visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。只导致浏览器重绘不导致重排;
  opacity:0---表示元素的透明度是完全透明，起到一种隐藏效果。与visibility:hidden类似，元素在页面消失且仍然占据空间。但按钮及其功能仍然存在，只是肉眼看不见。

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

a:link{color:颜色值}

无法继承，因为默认样式也是由上述代码决定的，这与CSS样式的优先级有关。