前端学习任务六

line-height有什么作用?

1、对于文章类文字上下排间隔一般我们对对象设置设置line-height行高属性即可实现让自动换行文字排版均匀间隔多少设置。
2、对单排文字上下垂直居中假如我们一个固定30px高度div对象,如果要让其文字内容上下垂直居中,我们即可使用line-height:30px即可。

![Z}NE]$JSKAW3(5]R~X94)W4.png](http://upload-images.jianshu.io/upload_images/1436600-5a9c9364d793154f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?

  • 进入网站can i use可以查CSS属性的兼容性。
  • inline-block哪些浏览器支持

![AL(3NMAVRF@9Z@L18]ZC8JW.png](http://upload-images.jianshu.io/upload_images/1436600-a1b404f7faec4ec3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?

  • href:链接属性。
    title:当鼠标放在文字上面时,显示链接文字标题。
    target:有四种属性值,_blank表示在新窗口中打开链接;_parent表示在父窗体中打开链接;_self表示在当前窗体打开链接,即默认值;_top表示在当前窗体打开链接,并替换当前窗体;
  • title 和 alt有什么区别?
    alt:一般用于 img 中,当图片显示不出来时,以未加载图片的形式显示文字提示。
    titile:当鼠标放在文字上面时,显示链接文字标题。
    区别:

![I5B9P(0)0M@0B]SET1P@6(U.png](http://upload-images.jianshu.io/upload_images/1436600-44fa73be69f0657a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

display: none, visibility: hidden, 有什么作用?有什么区别?

  • display:none;表示隐藏对应的元素,在文档布局中不再给它分配空间,它各边的元素会合拢, 就当他从来不存在。
  • visibility:hidden;表示使用该属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也即是说它仍具有高度、宽度等属值。
  • opacity:0;表示透明,包括背景和内容。

区别:

5XZ(R(288H5M$A3{`{JYP6A.png

如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?

  • text-decoration:none;去掉默认样式。
  • 不能,需要单独在a标签上设置样式才能添加颜色,不过字体大小可以继承父容器。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 参考1.line-height12.line-height23.line-height34.line-height...
    鸿鹄飞天阅读 4,099评论 0 0
  • 1. line-height有什么作用? line-height指定一行的行高,使用后会使文本在上下居中。 lin...
    小木子2016阅读 3,043评论 0 0
  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 10,066评论 0 11
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,598评论 0 8
  • 越来越多的人选择通过写作来抒发内心。 一来是兴趣使然,二来通过微信公众号、简书、今日头条等等渠道写文,还可以发展第...
    Q小喵阅读 3,950评论 27 43

友情链接更多精彩内容