任务6-HTML3

1.line-height有什么作用?

  • 设置行高
  • 设置line-height的值等于height值,可以使单行文本垂直居中。

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

  • 通过网址http://caniuse.com/来查询,如图:
    can i use

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

  • href:规定链接的目标 URL。
    title:描述该链接,鼠标移动到链接上时会出现相应提示。
    target:规定在何处打开目标 URL。仅在 href属性存在时使用。
  • tittle是用来显示链接的文字内容信息,鼠标移动到链接上即可出现。而alt则是当链接的图片无法显示时,会显示出对该图片的描述文字,链接正常时不会显示。
  • 在<a>标签中加上,target=_blank即可。

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

  • 隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden",亦可以设置opacity:0。但是请注意,这几种方法会产生不同的结果。
  • visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局,和visibility:hidden一样,opacity:0同样会占用与未隐藏之前一样的空间。
    display:none可以隐藏某个元素,且隐藏的元素不会占用任何空间。也就是说,该元素不但被隐藏了,而且该元素原本占用的空间也会从页面布局中消失。

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

  • 在a标签的样式中加入text-decoration: none即可
  • 在 a 链接父容器添加颜色,a标签不会继承

代码题

  • 1 代码
  • 2 代码
  • 3 代码
  • 4 代码
    分析:代码4的作用是:当浏览器的宽度大于900px时,会让标签居中显示,当浏览器的宽度小于900px时,会有水平滚动条去显示标签。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,809评论 1 92
  • 1. line-height有什么作用? line-height指定一行的行高,使用后会使文本在上下居中。 lin...
    小木子2016阅读 390评论 0 0
  • 参考1.line-height12.line-height23.line-height34.line-height...
    鸿鹄飞天阅读 583评论 0 0
  • 1.line-height有什么作用? line-height是行高的意思。具体指两行文字基线之间的距离。line...
    墨月千楼阅读 312评论 0 0
  • 课程目标 掌握基本标签和基本样式的用法 学习建议 阅读资料都是老师的原创文章、示例代码、或者是精心挑选的文章。是除...
    饥人谷_江君阅读 592评论 0 0