Question

了解viewport的概念及其与HTML和BODY标记的关系。我已经设置了以下代码，并且我没有明白为什么HTML标签的背景颜色正在泄漏，如果它必须在整个屏幕上是VIEWPORT，那么为什么边框不在整个屏幕上。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="background: lightblue; border: 10px solid orange;">
<head>
</head>
<body style="margin-top:200px; background-color: black; color:white; border: 1px solid red;">

<p style="margin-top:0;">Hello World!!</p>
</body>
</html>

修改的

以下是链接http://jsfiddle.net/wYYBP/

这是使用标准CSS http://jsfiddle.net/wYYBP/1/

的代码

从w3验证器http://jsfiddle.net/wYYBP/2/

传递

Answer 1

将CSS样式应用于HTML元素非常罕见。从那里删除样式，一切都应该没问题。

Answer 2

让我告诉你什么是HTML

Html是超文本标记语言（HTML）是网页的主要标记语言。 HTML元素是网页的基本构建块。

The text between <html> and </html> describes the web page, and the text between <body> and </body> is the visible page content. what wikipedia says about Html

所以我会说（html）＆amp; （/ html）内容（例如body，div，   table）可以在css的帮助下设置样式..

对于你的困惑，我建议你先阅读这个链接：

A tale of two viewports
Adding style to HTML

希望这会有所帮助

Answer 3

您的代码无效。 html标记没有样式属性。您可以在http://validator.w3.org/处检查您的代码是否有效。

HTML背景颜色泄漏

3 个答案: