任务6—HTML3

1. line-height有什么作用?

  1. 文本层次解析


    Paste_Image.png
  • 行高(line-height)
    所谓的行高就是等于行与行间的基线距离的文本高度,具体演示如下:


    Paste_Image.png
  • 行高的作用之一是用于文本的垂直居中——设置line-height=height
Paste_Image.png

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

caniuse官方网站
查询结果如图:

Paste_Image.png

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

<a href="http://baidu.com" title="百度" target=“_blank” >这是一个链接</a>
  1. href属性用于指定超链接目标的 URL。
  • target规定在何处打开链接文档,当target值为"_blank"时,可以在新窗口打开链接。_self:在当前页面跳转。
  • tiitle规定鼠标浮动到链接时显示的提示信息,art属性的作用是当用户无法查看图片时,浏览器将显示替代文本。
  • 上述代码可以在新窗口打开一个链接

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

  1. 作用:
    display:none和visible:hidden,opacity:0 都能把网页上某个元素隐藏起来
  • 区别:
    display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。元素原本占据的空间被其他元素所占据,从而导致浏览器的重排和重绘;
    visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。只导致浏览器重绘不导致重排;
    opacity:0---表示元素的透明度是完全透明,起到一种隐藏效果。与visibility:hidden类似,元素在页面消失且仍然占据空间。但按钮及其功能仍然存在,只是肉眼看不见。

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

a:link{color:颜色值}

无法继承,因为默认样式也是由上述代码决定的,这与CSS样式的优先级有关。

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

相关阅读更多精彩内容

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

友情链接更多精彩内容