前端学习任务六

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标签上设置样式才能添加颜色，不过字体大小可以继承父容器。