html3

一、line-height有什么作用?

• line-height 属性设置行间的距离（行高）
• 可以让文本垂直居中。
• 4种方式来定义line-height：

1.line-height可以被定义为：body{line-height:normal;}
2.line-height可以使用一个百分比的值body{line-height:120%;}
3.line-height可以被定义为一个长度值(px,em等) body{line-height:25px;}
4.line-height也可以被定义为纯数字， body{line-height:1.2}
注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

• 百分值 也是有继承性的，但是可以通过通配符来实现文件间距自动适应于文字大小。例如：.article_box *{line-height:150%;}
• 数值 推荐。百分值与数值的区别在于继承性，使用百分值会计算 line-height 的值，然后以 px 像素为单位继承下去，而数值则是先继承数值本身的数，到了该标签再去计算 line-height 的像素值。例如：.article_box{line-height: 1.5;}

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

• 通过can i use查询css属性的兼容性。
• inline-block有以下浏览器支持：

Paste_Image.png

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

• href 属性用于指定超链接目标的 URL。
• tile属性用于鼠标移到链接上时会显示一段提示文本。
• target属性规定在何处打开链接文档。
• tile是用于链接的文本说明，alt用于图片的文本说明（当图片无法正常显示时，文本说明显得非常重要）。
• targrt="_blank"从新窗口打开。

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

• display：none，脱离文档流，浏览器不渲染，元素在页面上消失。
• visibility：hidden，只是隐藏元素，还是在页面上占有空间。
• opacity：0，设置元素的透明度为0（和隐藏差不多，只不过透明度是可以调控的），还是在页面上占有空间。

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

• 利用伪类去设置，如下:

a:link {color:#FF0000;}/* 未被访问的链接 */

a:visited {color:#00FF00;}/* 已被访问的链接 */

a:hover {color:#FF00FF;}/* 鼠标指针移动到链接上 */

a:active {color:#0000FF;}/* 正在被点击的链接 */

• a{text-decoration: none;}/* 清楚链接下划线 */

• a链接是不会继承颜色，只能a{color：blue}这样设置。