任务六问答题

一、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链接不会随着改变。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容