有一个在我的网站

问题描述：

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; 
}

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

我想你的代码，并没有差距。那么究竟是什么问题呢？如果包含屏幕截图，会更好。 –

我添加了几张照片 – Sai

所有浏览器都应用了默认样式。为了在多个浏览器中获得一致的查看体验，您可以先应用*样式重设*以删除这些默认设置，然后应用您的样式。 –

答

的h1标签许多浏览器，如谷歌浏览器默认有边距：

你的代码覆盖用户代理的风格，这就是为什么它的工作原理。

我通常使用下面的代码作为一个快速规范化CSS：

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

答

使用此css中

h1 { 
    margin-top: 0; 
}

达成一致，但是您应该将css中的类设置为“header h1”以防止使用其他任何区域。即使您每个页面只应用一次h1标签来搜索引擎优化，如果使用该CSS文件的布局不同，您也不想破坏该布局。 – RLessard

是的，你是对的。 –

有一个在我的网站

相关推荐