Question

我一直在乱搞并创建模拟网站以获得HTML和CSS的支持。我是网络开发的新手，所以请原谅这个问题是否有点基础。我四处寻找，但没有得到答案。

当弄乱背景颜色和图像时，我注意到如果我在背景上放置背景图像或颜色，它会扩展到页面的整个宽度和高度，即使身体元素只占用了更小的尺寸空间。高度或宽度是否被宣布似乎并不重要。

此外，我注意到背景图像也扩展到了body元素的边缘，这在任何其他元素上都不会发生。我的问题是：为什么这会发生在body元素上，它是否只适用于body元素？似乎令人困惑的是，每个元素都遵循相同的规则集，除了一些。

以下是我一直在使用的代码：

<!DOCTYPE html>
<html>
<head>
    <title>Home | Test Website</title>
    <meta name="description" content="This is a test website for learning HTML and CSS" />
    <meta name="author" content="Tom" />
    <meta charset="UTF-8" />
    <meta lang="en-us" />
    <style>
        body {
            font-family: Helvetica, sans-serif;
            background-color: #109372;
            padding: 0px;}
        .container {
            width: 960px;
            margin: 0 auto;}
        header {
            background-color: #d012d5;
            margin-top: 0px;}
        header h1 {
            font-size: 200%;
            font-weight: bold;
            margin-top:0px;}
        header h2 {
            font-size: 150%;}
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>This is a website!</h1>
            <h2>This is a tagline!</h2>
        </header>
    </div>
</body>
</html>

感谢您的帮助！：）

边缘和背景颜色/图像元素

0 个答案: