任务6

问答：

1. line-height有什么用?

• 设置行间的距离（行高）；
• 设置line-height和height值一样时，可以实现单行文本垂直居中的效果。多行文本垂直居中：先设置display:table-cell然后vertial-align:middle。more-1more-2

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

• 通过can i use可以查看，比如
  
  

  task6-1.PNG

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

• 定义：
  • href属性用于指定超链接目标的URL
  • title：当鼠标置于链接上时，显示的文本内容；
  • target属性指定所链接的页面在浏览器窗口中的打开方式。1
• 区别：
  • alt属性：当文档中图片不显示时提供的文字说明。
  • title属性：提供非本质的额外信息。详细

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

• display:none:让目标不存在，没了，且不再占用空间；
• visibility:hidden：让目标隐藏，藏起来了，还是真是存在的，找不着而已；
• opacity:0：opacity翻译一下就是“透明度”，也就是说当赋值为0时，就好比目标穿了一件Harry Potter的“隐形斗篷”，看不见了。
  综上，这三货都可以达到让目标在页面看起来消失的效果。

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

• 去除默认样式：a{text-decoration:none;}
• 不会。由于CSS的层叠（cascading），a元素继承自div的样式被浏览器的a元素的默认样式给覆盖了。3

---

代码

• 代码1
• 代码2
• 代码3
• 代码4.

本文著作权归作者所有；如需转载请联系饥人谷，并注明原文出处。