问答

• line-height有什么作用?

  • 行高，是指一行文字的高度，专业解释是指两行文子间基线间的距离。
    注意行高不能设置为负数，该属性会影响行框的布局，在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。

  • 行高可以设置html元素的垂直居中，目前学习到的方法有：
    1.把height和line-height设置一样的值可实现单行文字居中
    2.在表格外的元素设置 display:table-cell，在表格的元素内容设置vertical-align:middle可以实现多行文字垂直居中

  ps:一篇不错的css行高line-height的用法介绍

• 如何去查CSS属性的兼容性？比如inline-block哪些浏览器支持？
  通过老师推荐的Can I use网站可以查询到。
  

  Paste_Image.png

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

  • a是超文本链接标记，href代表链接指向的跳转地址，title是链接的描述信息，当鼠标放上去会显示，target是指跳转方式。

• alt常用在图片元素上，当图片资源加载失败时会显示该文字。title是辅助性提示文字，当用户把鼠标放上去才会去显示。

• 通过把target值设置为_blank打开新窗口定位到目标地址

• display: none, visibility: hidden, opacity:0有什么作用？有什么区别？

  • display:none 隐藏元素，并且脱离文档流
  • visibility:hidden也是隐藏元素，但不会脱离文档流，占据的位置依然生效，只是不显示它而已，但不会触发到js事件

• opacity:0 是设置透明度为0，用户就看不到此元素，但是对js的事件还说可以触发的。

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

• 通过a{ text-decoration: none; }去除a链接的默认样式

• 直接在a链接父容器上添加颜色不会继承到当前 a 链接上。而其它的属性例如字体大小会继承，要想改变a链接的颜色，可以在通过派生选择器直接选中a然后添加颜色属性。

** 本教程版权归作者和饥人谷所有，转载须说明来源！ **