2016.9.13 HTML2

1.line-height有什么作用?

  • 撑开一个空白的<div>
  • 单行文字的垂直居中对齐:
    height=line-height;
  • 多行文字的垂直居中:
    display: inline-block;vertical-align: middle;
ba5525d5-e50c-4009-8abf-decb097939a8.png

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

inline-block.png

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

元素 作用
href 定义一个超文本链接
title 1.作为HTML标签定义一个文档名字。2.作为<a> 标签,对链接进行描述
target 定义在何处打开窗口

新窗口打开链接:<a href="#" title=blank>打开新窗口</a>
title 和 alt有什么区别:

  • alt:可以用在<img> <area> <input> 中用于显示指定的替换文字。
  • title:对元素提供额外的说明(在它可以显示的时候)。

4.display: none, visibility: hidden, opacity:0有什么作用?有什么区别?

  • display:none添加样式使结构消失,不为隐藏元素保留物理空间(脱离文档流)
  • visibility:hidden隐藏对象元素,保留物理空间(在文档流中)
  • opacity:0使元素的透明度为100%,视觉上是消失的。

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

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

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,696评论 1 92
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,673评论 0 8
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,751评论 32 459
  • 一,line-height行高有什么作用? 1 .行高的理解行高、行距行高是指文本行基线间的垂直距离。那什么是基线...
    kingBirds阅读 3,783评论 0 1
  • 我在你的笔下跳跃着@拜伦 英格兰的人们 在议论苏格兰的诗人 如果 苏格兰也可以评论 英格兰的那些绝顶的诗人们...
    南极小诗阅读 5,873评论 1 2

友情链接更多精彩内容