1.line-height
有什么作用?
-
line-height
属性修改文本行的空白间距,通常配置成百分比。当块元素中只存在单行文本时,将文本的line-height
的值配置为该块级元素高度,即可实现文本的垂直居中。
2.如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?
CSS属性的兼容性可在http://caniuse.com/上检查
3.a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
i.
- href:规定链接指向页面的URL或者是指向锚点的ID
- title:当鼠标移动到超链接上的提示性说明
- target:规定在何处打开链接
ii.
alt是当内容无法加载时显示的替代文本,title是当鼠标移动到超链接上时的说明文本。
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>
效果:
本教程版权归王康和饥人谷所有,转载需要说明来源。