当前位置:  开发笔记 > 编程语言 > 正文

ap元素的默认填充和/或边距是什么(重置css)?

如何解决《ap元素的默认填充和/或边距是什么(重置css)?》经验,为你挑选了3个好方法。

我一直在使用重置CSS样式集已经有一段时间了,每次我创建一个新网站时,重置最让我烦恼的是ap标签边距和填充的重置.我理解为什么,但我想知道ap元素上的"默认"填充和/或边距应该是什么?

我猜这在浏览器中并不一致,并且通常需要针对每个站点进行调整,但是有一组最常见的边距和/或填充值吗?

简短版本:它是(例如)5px边距顶部底部的填充......还是其他什么?



1> Gumbo..:

在CSS 2.1规范有一个默认样式表的HTML 4.这只是知识性和不规范性,以便浏览器可能会使用它,但不必.

另一种资源可能是浏览器的web开发工具.大多数可以向您展示应用于特定元素的级联规则.一个例子:Firefox和Safari(WebKit)似乎margin: 1em 0px用于p元素.


冒着听起来有保持力的风险,零后的"px"是多余的.
不仅无单位的"0"也不会含糊不清,但它在CSS样式指南中几乎是普遍受欢迎的(1)https://google.github.io/styleguide/htmlcssguide.xml#0_and_Units(2)https:/ /github.com/necolas/idiomatic-css#4-format(3)http://codeguide.co/#css(4)http://primercss.io/guidelines/#spacing
CSS比javascript更难.
离开单位就是麻烦。尝试在科学中做到这一点。*温度为零*。:| 我知道保证金大小无关紧要,但这只是养成IMO的坏习惯。

2> Benn..:

为了解决浏览器问题,我使用了

p{
  margin:0;
}
p + p{
  margin-top:10px;
}

这样我就不会"制动"容器原始的顶部/底部间距,如果有多个,我仍然可以很好地分隔段落.

我只是不喜欢看到p推这样的父容器

.container {
  border: 1px solid #ccc;
  padding: 15px;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec fringilla, est et ultricies porttitor, augue purus condimentum mi, vel congue nunc est vitae diam. Proin.



3> 小智..:

P标签边距顶部和底部为16px.

这类似于给出样式边距:16px 0px; 到一个段落.


实际上,它并不总是`16px`,它实际上是相对于父元素的`font-size`,而`body`的默认`font-size`取决于用户首选项.因此,就像Gumbo的答案所说,它更像是"1em".
推荐阅读
我我檬檬我我186
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有