所以我读了它<html>
并且<body>
是块级元素,就像<div>
and一样<p>
。
我知道块级元素开始一个新行。
例如aaa<div>b</div>ccc
看起来像这样:
aaa
b
ccc
那么,为什么不在html 页面<html>
的<body>
顶部添加两行呢?
所以我读了它<html>
并且<body>
是块级元素,就像<div>
and一样<p>
。
我知道块级元素开始一个新行。
例如aaa<div>b</div>ccc
看起来像这样:
aaa
b
ccc
那么,为什么不在html 页面<html>
的<body>
顶部添加两行呢?
块级元素不会“开始新行”......它们只是无限期地扩展到两侧,直到命中容器元素或显示的两侧(width:100%
)......因此,它们具有“推动”的效果任何其他低于它们的内容,或低于它们之前的任何内联内容。这也意味着块级元素只会“下推”兄弟级元素。
<html>
并且<body>
元素没有兄弟姐妹,只有孩子,所以他们不需要置换任何东西。
这是正在发生的事情的图形表示:
鉴于此标记:
<html>
<head></head>
<body>
<div> </div>
<div> </div>
<div style='width:45%; float:left;'>
<div> </div>
</div>
<div style='width:45%; float:left;'> </div>
</div>
</body>
</html>
这样想:
<div>
<div>Text</div>
</div>
只有一行文字:
文本
这就像正文中有任何文本的情况一样:
<html>
<body>Text</body>
</html>
当文本在子元素中时,不会引入新行。
它们是定义页面的块元素。浏览器控制他们想要如何查看它。您可能会发现一些糟糕的浏览器<body>
通过添加新行来显示(这是可能的)。但是,您的主要重点是将<body>
and<html>
标签视为在屏幕上显示所有内容的标签。我还想补充一点,您可以使用标签来完全适应浏览器屏幕
body {padding:0;margin:0;}
希望这可以帮助。
Block level elements by default (i.e., when CSS is not used to change this) imply line breaks before and after. They do not imply empty lines.
So when you have <div>foo</div>
, then “foo” appears at the start of a new line, and it also ands a line, i.e. any text after it is on the next line. But this does not mean creating empty lines. If you have <div>foo</div><div>bar</div>
, then “foo” and “bar” appear on consecutive lines, with no empty line between them.
这样的html
元素不会生成可见内容;仅显示其中的body
元素。并且body
内容从页面的开头开始,这被视为从新行开始。有无<body>
标签无关紧要;总是有body
元素,它从第一行开始。