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链接上：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a样式</title>
<style type="text/css">
.div1{
color:red;
}
</style>
</head>
<body>
<div id="div1">
<a href="#">a链接</a>
</div>
</body>
</html>
效果：
Paste_Image.png
本教程版权归王康和饥人谷所有，转载需要说明来源。
网友评论