当前位置: 首页 > 面试题库 >

CSS折叠边距的意义是什么?

柳经纶
2023-03-14
问题内容

CSS2 box模型告诉我们[相邻的垂直边距会崩溃。

我发现这很烦人,是许多设计错误的源头。我希望通过了解崩溃的边缘的目的,我将了解何时使用边缘以及何时不需要边缘时如何避免边缘边缘。

此功能的目的是什么?


问题答案:

“边距”的一般含义不是传达“将其移动10像素”,而是“此元素旁边必须有10像素的空白空间”。

我一直发现这是最容易用段落概念化的。

如果您只是给出段落margin-top: 10px而在其他任何元素上都没有空白,则一系列段落之间的间隔会很漂亮。但是,当然,在段落下放置另一个元素时会遇到麻烦。两者会碰触。

如果页边距没有塌陷,您将不愿意添加margin-bottom: 10px到以前的代码中,因为这样一来,任何一对段落之间的间距都为20px,而段落与其他元素之间的间距仅为10px。

因此垂直边距崩溃。通过添加10px的顶部和底部边距,您说的是:“我不在乎其他元素具有什么边距规则。我要求在每个段落的上方和下方至少填充10px。”



 类似资料:
  • 本文向大家介绍双边距重叠问题(外边距折叠)相关面试题,主要包含被问及双边距重叠问题(外边距折叠)时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 多个相邻(兄弟或者父子关系)普通流的块元素垂直方向marigin会重叠 折叠的结果为: 两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值。 两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。 两个外边距一正一负时,折叠结果是两者的

  • 本文向大家介绍外边距重叠是什么?重叠的结果是什么?怎么防止外边距重叠?相关面试题,主要包含被问及外边距重叠是什么?重叠的结果是什么?怎么防止外边距重叠?时的应答技巧和注意事项,需要的朋友参考一下 外边距重叠是什么? 外边距重叠指的是,当两个垂直外边距相遇时,它们将形成一个外边距。 重叠后的外边距的高度等于两个发生重叠的外边距的高度中的较大者。 发生的条件:属于同一个BFC的两个相邻元素上下marg

  • 问题内容: CSS中“层叠”一词的确切含义是什么?我有不同的看法,所以我在这里问。一个例子会有所帮助。 问题答案: 在此上下文中,“级联”意味着,由于一个样式表声明可以应用于一个特定的HTML片段,因此必须有一种确定哪种特定样式表规则应用于哪个HTML片段的已知方法。 通过从更一般的声明向下层叠到所需的特定规则来选择所使用的规则。选择最具体的声明。

  • 问题内容: 我想在表格中某个字段的上方放置一条线,以表明它是上述值的总和。但是,该表默认情况下已经带有边框。 这是一个示例:我有一张折叠了边框的桌子。我将边框底部设置在一个字段上,将边框顶部设置在其下方的字段上。这两个都指定相同的边框。使用最上面的CSS。有没有一种方法可以使用最底层的? 这显示了两个单元格之间有一条红线。有办法获得金线吗? 问题答案: 这是的已定义行为。《 O’Reilly CS

  • 主要内容:定义各个方向上的内边距,内边距简写形式内边距(padding)是指元素内容区与边框之间的区域,与外边距不同,内边距会受到背景属性的影响。您可以通过下面的属性来设置元素内边距的尺寸: padding-top:设置元素内容区上方的内边距; padding-right:设置元素内容区右侧的内边距; padding-bottom:设置元素内容区下方的内边距; padding-left:设置元素内容区左侧的内边距; padding:内边距属性的

  • 主要内容:为元素设置外边距,外边距折叠元素的外边距(margin)是围绕在元素边框以外(不包括边框)的空白区域,这片区域不受 background 属性的影响,始终是透明的。 为元素设置外边距 默认情况下如果不设置外边距属性,HTML 元素就是不会有外边距,但也有例外的情况,因为浏览器会为一些 HTML 元素设置默认的外边距,例如 元素。您可以使用下面的属性来为 HTML 元素设置外边距: margin-top:设置元素上方的外边距;