一、line-height有什么作用?
line-height行高,调整文字间的距离,可以在div使文字垂直居中,(line-height=height),只是针对按钮,或者小部分文字适用,如果是大段文字,不适合line-height:2,文字本身是1,上下距离各0.5
二、如何去查CSS熟悉的兼容性?比如inline-block哪些浏览器支持?
查看css样式的文件一般can i use网站
三、a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
href:指向链接目标
title:鼠标悬停在超链接上的时候,显示该超链接的文字注释
alt:也是注释,但是是在链接不显示,或者图片不显示的时候出现的
target:规定在哪里打开链接,有 4 个值:
1>_blank:空白页面。点击链接后,会打开一个一个新的未命名的窗口,在其中显示,链接内容。
2>_self:自身。点击链接后,当前页面会不见,出现链接内容
3>_parent:有两种情况,第一是如果可以点击文档有父窗口或者是属于框架集的一个框架时,点击后,打开的页面会在父窗口或者框架集显示;如果可以点击文档没有父窗口或者是框架集的顶级框架,则点击打开后同——self一样。
4>_top:打开的页面占了整个页面
新窗口打开链接:
<a href="" target="_blank">链接</a>
四、display: none,visibility: hidden,opacity:0有什么作用?有什么区别?
三者都是可以让元素隐藏,不可见。
diaplay:none让元素彻底消失,不占位置,脱离文档流;dome节点中还是存在的
opacity:设置为0 ,看不见,设置为不可见时,只是用户看不见,或者当值在0-1之间时,
属性和功能均和正常显示的元素一样。
visiblity:hidden让元素隐藏,但是还是实际存在的,只是看不见,类似于透明;dome节点中还是存在的
五、如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否基础到当前 a 链接上?
去除a链接的默认样式:text-decoration:none;
a链接本身有自己的颜色,父容器对颜色进行设置,a链接不会随着改变。
网友评论