美文网首页
前端学习任务六

前端学习任务六

作者: 无目的 | 来源:发表于2016-09-06 06:15 被阅读0次

line-height有什么作用?

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

![Z}NE]$JSKAW3(5]R~X94)W4.png](https://img.haomeiwen.com/i1436600/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](https://img.haomeiwen.com/i1436600/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](https://img.haomeiwen.com/i1436600/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标签上设置样式才能添加颜色,不过字体大小可以继承父容器。

相关文章

  • 前端学习任务六

    line-height有什么作用? 1、对于文章类文字上下排间隔一般我们对对象设置设置line-height行高属...

  • 前端学习任务十三

    说一说你平时写代码遵守的编码规范 语义化 语义化标签优先 基于功能命名、基于内容命名、基于表现命名 简略、明了、无...

  • 前端学习任务十二

    什么是 CSS hack 由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozill...

  • 前端学习任务五

    问答 样式有几种引入方式? link 和 @import有什么区别? 有四种引入方法:1.link外链式2.@im...

  • 前端学习任务四

    问答 网页乱码的问题是如何产生的?怎样解决? 网页乱码的问题是如何产生的? 网页文件从写入到展开的四个步骤分别为1...

  • 前端学习任务三

    课程任务 注册 GitHub 账号, 把github用户名发送给老师github名字:siminmin(已加入) ...

  • 前端学习任务二

    问答 前端是做什么的?互联网职位有哪些常见的简称(如PM…) 前端是做什么的前端是指利用HTML、CSS、java...

  • 前端学习任务七

    有序列表、无序列表、自定义列表如何使用?写个简单的例子。三者在语义上有什么区别?在哪些情况下使用哪种(重要)? 如...

  • 前端学习任务九

    盒模型包括哪些属性? 盒子模型包括content,margin,border,padding属性。 text-al...

  • 前端学习任务八

    CSS选择器常见的有几种? 全局选择器:例如*{margin:0;padding:0} id选择器:例如#box{...

网友评论

      本文标题:前端学习任务六

      本文链接:https://www.haomeiwen.com/subject/kphdettx.html