HTML3

line-height有什么作用?

调整文字间的行间距。
还适用于单行文本垂直居中场景，在容器高度固定的情况下，line-height的值设成容器的高度可实现文本垂直居中。

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

使用Can I use可以查询CSS属性的兼容性。

caniuse截图

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

• href：规定链接指向的页面的 URL。
• title：鼠标悬停在超链接上的时候，显示该超链接的文字注释。
• target：规定在何处打开链接文档。

title和alt的区别：alt 用来给图片来提示的，有图片显示不出来的情况下，显示图片的解释性文字。Title用来给链接文字或普通文字提示的。

新窗口打开链接：<a href="www.jirengu.com" target="_blank">饥人谷</a>

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

三者都用来隐藏元素。

• display=none，把元素隐藏起来，并且会改变页面布局，可以理解成在页面中把该元素删除掉一样；
• visibility=hidden，该元素隐藏起来了，但不会改变页面布局，也不会触发该元素已经绑定的事件；
• opacity=0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的。

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

• text-decoration：none; -> 去除默认下划线
• color:#??? ->更改默认颜色
  a链接不能继承父容器的颜色设置，必须单独给a链接设置颜色才能改变。

本教程版权归作者和饥人谷所有，转载须说明来源！