HTML-3

1.line-height有什么作用?

• line-height属性修改文本行的空白间距，通常配置成百分比。当块元素中只存在单行文本时，将文本的line-height的值配置为该块级元素高度，即可实现文本的垂直居中。

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

CSS属性的兼容性可在http://caniuse.com/上检查

Paste_Image.png

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

i.

• href：规定链接指向页面的URL或者是指向锚点的ID
• title：当鼠标移动到超链接上的提示性说明
• target：规定在何处打开链接

ii.

alt是当内容无法加载时显示的替代文本，title是当鼠标移动到超链接上时的说明文本。

Paste_Image.png

iii.

将a标签的target属性的值配置为"-blank"时，会实现在新窗口打开链接。

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

display: none 使元素不显示，且不占据空间；
visibility: hidden不显示元素，但占据原空间；
opacity:0设置元素完全透明，已被显示，只是因为完全透明所以看不到。

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

i.

通过text-deraction:none去除a链接的默认样式。

ii.

给a链接父容器添加颜色并不能继承到当前a链接上：

    
    
    



    a链接

效果：

Paste_Image.png

本教程版权归王康和饥人谷所有，转载需要说明来源。