HTML常见小问题2

line-height有什么作用?

line-height 属性设置行间的距离（行高）。

常用的值有：

normal           默认。设置合理的行间距。

number          设置数字，此数字会与当前的字体尺寸相乘来设置行间距。

length            设置固定的行间距。

%                    基于当前字体尺寸的百分比行间距。

inherit            规定应该从父元素继承 line-height 属性的值。

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

可以在w3school中CSS参考手册中查找，也可以在CAN I USE中输入自己想要查询的属性。

inline-block在 IE6,IE7,FIRE FOX 2中部分支持，其余主流浏览器各个版本均全部支持。

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

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

href属性用于指定超链接目标的 URL。可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。

target规定在何处打开链接文档，当target值为"_blank"时，可以在新窗口打开链接。

title属性规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本（tooltip text），为全局属性。

art属性的作用是当用户无法查看图片时，浏览器将显示替代文本。

display: none和visibility: hidden有什么作用？有什么区别？

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

区别：

display:none ---不为被隐藏的对象保留其物理空间，即该对象在页面上彻底消失，通俗来说就是看不见也摸不到。

visible:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变，通俗来说就是看不见但摸得到。

转载于:https://juejin.im/post/5a30fe6c5188252ae93af0e7