Question

Here is the problem Here is the css 好的，我想创建一个简单的投资组合网站，我对HTML和CSS有点新手。

    <body>

    <header>

        <h1>Sai Daniels</h1>

    </header>

</body>

那是我的HTML和我的CSS

   @import
    url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,900');
    body{
    font-family: "Raleway";
    padding: 0;
    margin: 0;
    }

    /** HEADER **/
    header{

    color: #00ff6c;
    text-align: center;
    background-color: #232323;
    height: 1000px;

    }

即使在其他问题上，答案也无济于事

我注意到如果我这样做就解决了问题

*{
    margin:0;
    padding:0;
}

问题是我是唯一一个必须这样做的人，而且我被告知这样做会导致问题。

Answer 1

在css中使用

h1 {
    margin-top: 0;
}

Answer 2

许多浏览器默认使用h1标记，例如Google Chrome：

您的代码会覆盖用户代理样式，这就是它的工作原理。

我通常使用以下代码作为快速规范化CSS：

* {
  box-sizing: border-box;
  margin:0;
  padding:0;
}

我的网站顶部有一个空白

2 个答案: