-
line-height
有什么作用?
用来设置当前line-box
的最小高度
normal|<number>|<length>|<percentage>
- normal
默认的值,取决于浏览器,一般为1.2
- number
推荐使用,设置line-box
的高度,数值相当于当前元素的number*font-size
- length
常用line-height
和heigth
的px值相同来使文字垂直居中,如果使用的是em,相对的是当前元素的font-size
- percentage
相对于当前font-size
值乘以百分比
- 如何去查CSS属性的兼容性?比如
inline-block
哪些浏览器支持?
使用can i use这个网站来查
- a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
-
<a href="http://www.jirengu.com" title="这个链接会链接到饥人谷的官网" target="-blank">饥人谷</a>
上面就是a标签的语句,其中href
表示的是hypertext reference,就是超文本链接的引用地址。title
是当鼠标hover上去的时出现的小注释,title
是一个全局的属性,不仅仅可以用在a标签里面。target
表示的是哪里来显示这个链接,可以是_self
当前窗口直接跳转,也可以是_blank
打开一个新的窗口。 -
title
的作用是当鼠标hover上去的时候显示一个小注释,主要是对hover元素的简单说明或提示,而alt
是用在当图片不能显示的时候所需要显示的文字
-
-
display: none
,visibility: hidden
,opacity:0
有什么作用?有什么区别?-
display: none
,将元素的显示方式设置为不显示,使元素从文档流中脱离,不再显示,就像这个元素不存在一样 -
visibility: hidden
,将元素隐藏起来,虽然还是在文档流原来的位置,但是元素不能使用,例如按钮就无法点击 -
opacity: 0
,将元素设置为全透明,虽然看不见元素,但是元素还是在本来的位置而且可以使用
-
- 如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
- 对a链接使用CSS属性
text-decoration: none;
-
不能继承父容器的颜色,因为浏览器对链接设置了默认的样式,如果优先级没有比浏览器的默认设置高的话,就不会覆盖掉浏览器的默认样式
- 对a链接使用CSS属性