blocks|key|2306602|text|根据W3s默认样式表(http://www.w3.org/TR/CSS2/sample.html)，html标记不应该有任何边距或填充，因此不应该需要在html标记上重置页边距或填充。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2306603|但我想可能会有一些浏览器不遵循这些准则，因此需要在html标记上进行重置。|2306604|我猜人们会因为过去的习惯而离开这个重置的html标签。|2306605|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/CSS2/sample.html^0|B|11|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

According to W3s default stylesheet (<a href="http://www.w3.org/TR/CSS2/sample.html" rel="nofollow">http://www.w3.org/TR/CSS2/sample.html</a>) the html tag should not have any margin or padding and there for it should not be necessary to reset the margin or padding on the html tag.

But I guess there could be some browser out there that does not follow those guidelines and therefore needs a reset on the html tag.

I am guessing people leave that reset for the html tag because of old habit.

blocks|key|184199|text|因为浏览器有自己的默认样式，如果没有在这些元素上设置样式，则使用空白。将这些元素重置为0将始终保持不变。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|184200|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Because browsers have their own default styles for margin and padding if no styles are set on these elements. Resetting those elements to 0 will consistently keep them the same.

blocks|key|184026|text|如果您正在根据不同的浏览器重新设置默认的身体边距，即5或7+7px，那么就让它正确。重置主体，有时(就像PSP浏览器)，即使html也有一个默认的页边距，这意味着主体是不够的。但是现在最主要的原因是，当你想要完全重置的时候，你只是为了你的代码的纯粹权限而行动，如果你只是重置身体，人们会说嘿，但是为什么html没有被清理，所以现在你可以完全确定你有0的空白，任何看到你的代码的编码器都会说ok+body和html在0，它在0，hurra是它该死的0+:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|184027|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you are reseting your default body margin which is 5 or 7px according to different browsers then make it right. Reset the body, and sometimes (like the PSP browser) even the html has a default margin which means that body will not be enough. But nowadays the main reason is that when you want a full reset you just act for the sake of pure clearance in your code, and if you only reset the body people will say hey but why the html is not cleaned, so just clean the html so now you are totally sure you have a margin of 0 and any coder that sees your code will say ok body and html are at 0 so its at 0 and hurra its god damn 0 :)

blocks|key|2306773|text|通过删除浏览器设置的默认样式，您将获得实现样式的“干净开始”。实际上，大多数人都会重置浏览器设置的“所有”默认样式，但我想您已经知道了。:)我总是使用完全重置-以确保我以后不会与默认样式斗争。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2306774|规范css+http://necolas.github.io/normalize.css/|offset|length|2306775|重置css+(我使用这个)+http://meyerweb.com/eric/tools/css/reset/|2306776|entityMap|0|LINK|mutability|MUTABLE|url|http://necolas.github.io/normalize.css/|1|http://meyerweb.com/eric/tools/css/reset/^0|0|6|13|0|0|E|15|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]|P|$5|K|L|M|A|$N|Q]]]]

By removing the default styles set by the browser you get a "clean start" for implementing your styles. Actually most of the people reset "all" default styles set by the browser, but I guess you know that. :)
I always use a full reset- to make sure I wont have to fight with the default styles later.

Normalize css
<a href="http://necolas.github.io/normalize.css/" rel="nofollow">http://necolas.github.io/normalize.css/</a>

Reset css (I use this one)
<a href="http://meyerweb.com/eric/tools/css/reset/" rel="nofollow">http://meyerweb.com/eric/tools/css/reset/</a>

blocks|key|2306581|text|您可以在CSS中显示或样式任何HTML元素。理论上也可以显示HTML元素本身。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2306582|另一个原因是继承。许多值会被继承，或者可以手动继承。如果将全局边距设置为HTML元素，则只需继承该值，例如在BODY元素上。|2306583|示例以显示TITLE元素内容：|2306584|head,+title+{
++++display:+block;
}|code-block|syntax|javascript|2306585|http://jsfiddle.net/feeela/YmamL/|offset|length|2306586|但是总的来说，您应该不再使用reset.css了。使用规范化样式表，只设置不同浏览器之间的值。最著名的normalize.css目前可能是尼古拉斯·加拉赫的名字。。这种方法也不为HTML元素重置页边距或填充。|style|BOLD|2306587|entityMap|0|LINK|mutability|MUTABLE|url|1|https://github.com/necolas/normalize.css/^0|0|0|0|0|0|X|0|0|A|D|P|8|Y|A|1F|U|1|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|13|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|14|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|15|8|@]|9|@$M|16|N|17|1|18]]|A|$]]|$1|O|3|P|5|6|7|19|8|@$M|1A|N|1B|Q|R]|$M|1C|N|1D|Q|R]|$M|1E|N|1F|Q|R]]|9|@$M|1G|N|1H|1|1I]]|A|$]]|$1|S|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|L]]|Z|$5|V|W|X|A|$Y|10]]]]

You could display or style any HTML element in CSS. It is theoretically possible to display the HTML element itself as well.

Another reason is inheritance. Many values get inherited or can be inherited manually. If you set a global margin to the HTML element, you could just inherit that value e.g. on the BODY element.

Example to display the TITLE element contents:

<pre><code>head, title {
 display: block;
}
</code></pre>

<a href="http://jsfiddle.net/feeela/YmamL/" rel="nofollow">http://jsfiddle.net/feeela/YmamL/</a>

But all in all you should not use a reset.css anymore. Use a normalize stylesheet that only set those values that differ from browser to browser. The most famous <a href="https://github.com/necolas/normalize.css/" rel="nofollow">normalize.css currently is probably that of Nicolas Gallagher</a>. This one also does not reset a margin or padding for the HTML element.

blocks|key|184268|text|每个浏览器都有一个默认值，如果我们没有，有时当我们在html中编码时，我们不使用<html>和<body>，那些css声明就像一个陷阱:)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|184269|entityMap^0|14|6|1B|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

every browser have a default value for margin if we do not, and sometimes when we are coding in html we do not use <code>&lt;html&gt;</code> and <code>&lt;body&gt;</code> those css declaration is like a catch :)

In CSS stylesheet, I often see this rule:

<pre><code>html, body {
 margin : 0px;
 padding : 0px;
}
</code></pre>

Why to put a zero margin on <code>&lt;html&gt;</code> element? Why not just on the <code>&lt;body&gt;</code> element?

Related question : <a href="https://stackoverflow.com/questions/19101486/does-the-html-element-have-a-default-margin-or-padding-in-any-browser-since-n">Does the &lt;html&gt; element have a default margin or padding in any browser, since normalize.css doesn&#39;t reset it?</a>

Why to put a zero margin on <html> element?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

在CSS样式表中，我经常看到以下规则：html, body { margin : 0px; padding : 0px;}为什么在<html>元素上加一个零边距？为什么不只是针对<body>元素呢？相关问题：

问为什么在<html>元素上加一个零边距？
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么在<html>元素上加一个零边距？EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么在<html>元素上加一个零边距？
EN