任务6-HTML3

line-height有什么作用?

line-height 在CSS中,被用来控制行与行之间垂直距离。
默认状态,浏览器初始值一般是1.2,取决于font-family。
1.body{line-height:normal;}
2.body{line-height:inherit;}
3.body{line-height:120%;}
4.长度值(px,em等) body{line-height:25px;}
5.纯数字, body{line-height:1.2}


Paste_Image.png

line-height与font简写形式:

div { font: 10pt/1.2 Georgia,"Bitstream Charter",serif }

五种方式优劣:用百分比和长度值表示,不会受font-size影响进行缩放,所以当行间距过小,字会重叠。一般情况,多用纯数字来设置line-height。

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

查询css属性兼容性的网站can i use

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

href:设置链接地址。
title:设置链接名称,当hover时会显示。alt是替换文本,当图片打不开时,会显示文字,也用于SEO优化。
target:设置链接的新网页以何种方式打开。

只有在href属性存在才能使用该属性。
_self: 当前页面加载,此值是默认的,如果没有指定属性的话。
_blank: 新窗口打开。
_parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self。

在新窗口打开链接

<a herf="#"  target="_blank"></a>

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

display:none 让一个元素脱离文档流,相当于删除了这个元素
visibility: hidden 隐藏一个元素,变透明了,并没有脱离文档流,与其绑定的事件失效。
一般隐藏一个元素,多会设置opacity:0%,这样绑定在这个元素上的事件仍然有效。

Paste_Image.png

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

a标签的默认颜色样式不会继承父元素,而a标签的字体样式大小继承父元素的设置。
直接在 a 链接父容器添加颜色,不会改变a标签默认颜色样式。
去除a链接默认样式

  a{
     text-decoration:none
    }
Paste_Image.png

本教程版权归博主和饥人谷所有,转载须说明来源

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

推荐阅读更多精彩内容

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

友情链接更多精彩内容