资讯专栏INFORMATION COLUMN

课时91.CSS元素显示模式(掌握)

Drummor / 2133人阅读

摘要:所以我们要用到行内块级元素如标签,既不独占一行,又可以设置宽高

在HTML中HTML将所有的标签分为两类,分别是容器级和文本级

在CSS中CSS也将所有的标签分为两类,分别是块级元素和行内元素

1.什么是块级元素,什么是行内元素?

块级元素会独占一行

行内元素不会独占一行

块级元素       容器级标签都是块级元素还要加上一个p

p   div  h  ul   ol   dl   li  dt   dd

行内元素     文本级标签都是行内元素还要减去一个p

span   b  u   i   s  strong   em    ins    del

2.块级元素和行内元素的区别?

2.1块级元素

独占一行

如果没有设置宽度,默认和父元素一样宽,div的父元素是body,所以和body一样宽

如果设置了宽高,那么就按照设置的来显示

2.2行内元素

不会独占一行

如果没有设置宽度,那么默认和内容一样

行内元素是不可以设置宽度和高度的

从以上的实例可以看出来span是没有办法设置宽度和高度的

2.3行内块级元素

我们现在有一个需求:想要不独占一行,又能设置跨度和高度,应该怎么做呢?

如果用块级元素,必须独占一行才能设置宽高,如果用行内元素,不独占一行,却不能设置宽高。

所以我们要用到行内块级元素

如img标签,既不独占一行,又可以设置宽高

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2101.html

相关文章

  • 课时92.CSS元素显示模式转换(掌握

    摘要:我们之前学习的显示模式都可以不用记忆,因为这节课我们要学习转换,我们可以任意来进行一个转换的,上面这些东西有一个了解就行了。如何转换元素的显示模式设置元素的属性的值块级行内行内块级快捷键我们之前学习的显示模式都可以不用记忆,因为这节课我们要学习转换,我们可以任意来进行一个转换的,上面这些东西有一个了解就行了。所有的标签都有一个属性叫做display,display的中文含义就是显示的意思。 ...

    hyuan 评论0 收藏0
  • 我是如何学习游戏引擎的?

    摘要:下面列举了游戏开发中常见的岗位以及两条常见的协作开发的流水线其实学习游戏引擎,前期对于任何岗位来说路线都是相似的,基本上就是一个熟悉基本操作理解基本概念拓展专业知识的过程。当然这不是绝对的,任何引擎的开始阶段和大成阶段都是相似的。 这是【游戏开发那些事】第51篇原创 前言:游戏引擎,表面...

    未东兴 评论0 收藏0
  • 课时44.表单标签-input(掌握

    摘要:什么是表单表单是专门用收集用户信息的什么是表单元素什么是元素在中,标签标记元素都是指中的标签例如标签标记元素表单元素其实还是中的一些标签,只不过这些标签比较特殊,在浏览器中所有的表单标签都有特殊的外观和默认的功能表单的格式表单元素常见的表单1.什么是表单? 表单是专门用收集用户信息的 2.什么是表单元素? 2.1什么是元素? 在HTML中,标签/标记/元素都是指HTML中的标签 例如: a标...

    everfly 评论0 收藏0
  • 课时90.div和span(掌握

    摘要:和都可以把信息独立称一个小小都区域。有的人在这里用,这里不推荐,因为是用于和表单元素进行绑定的,它和表单元素搭配使用的。和有什么区别会单独的占一行,而不会单独占一行。是一个容器级别的标签,而是一个文本级别的标签。为什么在这里讲解div和span呢,而不在html中讲解呢? 因为在我们的开发中div和span一般是配合css来使用的,来完成一定的效果,来设置一些属性,在前面我们没有学习css,...

    Yuqi 评论0 收藏0
  • 课时72.子元素选择器(掌握

    摘要:什么是子元素选择器作用找到指定标签中所有特定的直接子元素,然后设置属性。子元素选择器可以通过符号一知延续下去1.什么是子元素选择器? 作用:找到指定标签中所有特定的直接子元素,然后设置属性。 格式: 标签名称1>标签名称2{                          属性:值; } 先找到名称叫做标签名称1的标签,然后在这个标签中查找所有直接子元素名称叫做标准名称2的元素    注意...

    Bowman_han 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<