HTML3

1.line-height有什么作用?

line-height:行高    两行文字之间基线之间的距离，行高减去字号大小的差上下分为两半，分别加到一个文本行内容的顶部和底部。当设置单行文字时，和高度一样，文字会垂直居中，在没有高度时，行高也会替代高度，行高的值可以是数字（当前字号的倍数），固定行高（数字PX），%当前字体尺寸的百分比，继承父元素的行高值。但是不能是负值

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

CSS属性的兼容性可以在Can I Use查询

在Can I use后面输入要查询的属性，

显示绿格的就是浏览器兼容的版本

inline-block支持的浏览器如下图所示（ps:line-height全浏览器支持）

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

href：是a链接指向的目标，可以是网址（www.baidu.com），可以是站点内的文件（index.html），也可以是锚点（#top，一般锚点以#标注）。

title：鼠标放在链接上时显示提示信息（为什么我在W3s没找到a标签的title属性，其他两个找到了）

target：用来定义被链接的文档在何处显示

title和alt的区别

title是鼠标滑过选定元素（停留）时显示的描述性文字，可以用在除了base，basefont，head，html，meta，param，script和title之外的所有标签。

alt是选定元素不能显示时显示的文字，它可以比title更明确地告诉使用者不能显示的是什么内容，alt是必要的属性，alt属性只能用在img、area和input元素中。（为什么在Can i use中没看到IE支持这个属性）

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

display:none：元素会消失，脱离文档流，其他元素也会认为不存在而继续文档流，但是javascript仍可以搜索到该元素。

visibility:hidden：让元素隐藏，只是看不见，仍会占用页面空间，其他元素依然会按照顺序排列，类似于透明，在display:none存在时页面会按照display:none处理。

opacity:0：透明度设置，值由0.0~1.0表示，透明效果由0.0~1.0递增显示，默认是1.0。设置元素透明，效果和visibility:hidden一样。

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

这是a链接的默认样式

这是给div1添加了样式的样式，由图可知，直接给父元素添加颜色，a链接不会继承，但是其他样式例如字号是可以继承的，只有颜色不会继承。

要想改变a的默认样式，需要给a设置样式，也可以给a设置伪类样式。

6.下面代码有什么作用？手抄一遍如下代码，改变浏览器宽度看看效果

这里需要处理一下，添加一个背景颜色，可以看出因为设置了宽度900PX，所以在浏览器宽度小于900PX时，部分宽度会被遮挡，但在大于900PX时，因为margin：0 auto的存在，.wrap会居中显示。

margin:0 auto：上下外边距为0，左右外边距自动，在自动情况下，浏览器会把浏览器宽度减去元素的宽度的差，自动分配在浏览器左右，就是自动居中。

本文章版权属 饥人谷_张世钧和饥人谷 所有，如需转载请务必注明出处。