这里的第一个计时器。有人可以告诉我为什么标题周围有边距?我该如何解决?
jsfiddle:http://jsfiddle.net/lauriecai/39J2B/3/
header {
width: 100%;
height: 100px;
background-color: #fff;
}
答案 0 :(得分:1)
发布到SO时,您通常希望将代码放入
因为它使每个人都能够轻松访问您已编写/尝试过的代码。图像既乏味又难以使用,可能会阻止人们帮助你。我想在发布代码时尽量避免使用它们。
尽管如此,你问题的实际答案是:
如果要删除所有填充和边距,则应将以下CSS添加到index.css
文件中:
html, body {
padding: 0px;
margin: 0px;
}
答案 1 :(得分:1)
这里有两件事。
默认情况下,正文的边距约为5px(ish)。这里的大多数答案已经涵盖了这一点。您可以通过将它们设置为0来修复它;
body
{
margin: 0;
}
<h1>
还有边距您的标题正被<h1>
元素的边距向下推。删除顶部边距以进行修复。
h1
{
margin-top: 0;
}
答案 2 :(得分:0)
<body>
<header>
<a href="index.html">
<h1>LAURIE</h1>
<h2>DESIGNER</h2>
</a>
</header>
</body>
CSS
/*general*/
body{
margin: 0;
padding: 0;
}
或
*{
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
也position: absolute;
答案 3 :(得分:0)
<style>
html, body {
margin: 0;
padding: 0;
}
</style>