2016.9.13 HTML2

1.line-height有什么作用?

• 撑开一个空白的<div>
• 单行文字的垂直居中对齐：
  height=line-height;
• 多行文字的垂直居中：
  display: inline-block;vertical-align: middle;

ba5525d5-e50c-4009-8abf-decb097939a8.png

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

inline-block.png

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

元素	作用
href	定义一个超文本链接
title	1.作为HTML标签定义一个文档名字。2.作为<a> 标签，对链接进行描述
target	定义在何处打开窗口

新窗口打开链接：<a href="#" title=blank>打开新窗口</a>
title 和 alt有什么区别:

• alt:可以用在<img> <area> <input> 中用于显示指定的替换文字。
• title：对元素提供额外的说明（在它可以显示的时候）。

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

• display：none添加样式使结构消失，不为隐藏元素保留物理空间（脱离文档流）
• visibility：hidden隐藏对象元素，保留物理空间（在文档流中）
• opacity：0使元素的透明度为100%，视觉上是消失的。

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

• text-decoration:none;去除a链接的默认样式
  -a标签不具有继承性。