HTML 基础-3

本教程版权归饥人谷_佩佩216和饥人谷所有，转载须说明来源.

1. line-height有什么作用?
   css 标签，用于设置行间距离（行高），line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。
2. 如何去查CSS属性的兼容性？比如inline-block哪些浏览器支持？
   可以使用Can I use查询，以下绿色显示的浏览器版本支持inline-block。
   Paste_Image.png
3. a 标签的href, title, target 是什么？ title 和 alt有什么区别？如何新窗口打开链接?display: none, visibility: hidden, opacity:0有什么作用？有什么区别？

• a标签中的href是属性，title可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释，target为打开链接的页面。
• title 和 alt有什么区别：　 a、含义不同：title是对图片或者链接的描述与进一步说明，alt是当图片不存在时的替代文字; b、在浏览器中的表现不同:在firefox和ie8中，当鼠标经过图片时title值会显示，而alt的值不会显示;只有在ie6中，当鼠标经过图片时title和alt的值都会显示。 c、对于网站seo优化：搜索引擎对图片意思的判断，主要靠alt属性。所以在图片alt属性中以简要文字说明，同时包含关键词，可以优化页面。
• 如果需要在新窗口打开链接，只需要在a链接中将target 设为target="_blank"即可。
• display: none, visibility: hidden, opacity:0，这三个都是将元素隐藏，但是对于页面的影响效果不一样。 display: none , 会改变页面布局，相当于将元素删除； visibility: hidden , 不会改变页面布局，也不会触发该元素已经绑定的事件。 opacity:0，不会改变页面布局，但是会触发该元素已经绑定的事件。

4. 如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否继承到当前 a 链接上？
   去除a链接的默认样式，可以在css中设置a链接各个状态下的颜色和反应效果，去除下划线则是添加text-decoration:none。直接在a链接父容器中添加颜色无法继承到当前的a链接。