问答:
1. line-height
有什么用?
- 设置行间的距离(行高);
- 设置
line-height
和height
值一样时,可以实现单行文本垂直居中的效果。多行文本垂直居中:先设置display:table-cell
然后vertial-align:middle
。more-1more-2
2. 如何去查CSS属性的兼容性?比如inline-block
哪些浏览器支持?
- 通过can i use可以查看,比如
3. a标签的 href
,title
,target
,是什么?title
和alt
有什么区别?如何新窗口打开链接?
- 定义:
-
href
属性用于指定超链接目标的URL -
title
:当鼠标置于链接上时,显示的文本内容; -
target
属性指定所链接的页面在浏览器窗口中的打开方式。1
-
- 区别:
- alt属性:当文档中图片不显示时提供的文字说明。
- title属性:提供非本质的额外信息。详细
4. display:none
,visibility:hidden
,opacity:0
有什么作用?有什么区别?
-
display:none
:让目标不存在,没了,且不再占用空间; -
visibility:hidden
:让目标隐藏,藏起来了,还是真是存在的,找不着而已; -
opacity:0
:opacity翻译一下就是“透明度”,也就是说当赋值为0时,就好比目标穿了一件Harry Potter的“隐形斗篷”,看不见了。
综上,这三货都可以达到让目标在页面看起来消失的效果。
5. 如何去除a链接的默认样式?直接在a链接父容器添加颜色,能否继承到当前a链接上?
- 去除默认样式:
a{text-decoration:none;}
- 不会。由于CSS的层叠(cascading),a元素继承自div的样式被浏览器的a元素的默认样式给覆盖了。3
代码
本文著作权归作者所有;如需转载请联系饥人谷,并注明原文出处。