<分区>
<分区>
我开始使用 html 和 css,但遇到了问题。我有 header ,它在浏览器和 header 本身之间有一些空间我希望你明白我在说什么。它只是背景上的一个矩形。
body{
background-image:url(bg.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
header{
background-color:#000;
padding: top;
min-height: 70px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>PaginaWeb</title>
<script src="External_Java.js"></script>
<link rel="stylesheet" type="text/css" href="Style.css">
</head>
<body>
<header>
<nav>
<p>text</p>
</nav>
</header>
</body>
</html>
最佳答案
默认情况下,每个浏览器都包含默认的填充和边距属性。因此,您需要将它们重置为零以避免此类问题。
通过在脚本的开头添加此声明:
* {
padding:0;
margin:0;
}
您将重置 all 元素的 padding 和 margin 属性,这就是 *
所代表的。
*{
margin:0;
padding:0;
}
body{
background-image:url(bg.jpg);
background-size: 100%;
background-repeat: no-repeat;
}
header{
background-color:#000;
padding: 0;
min-height: 70px;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>PaginaWeb</title>
<script src="External_Java.js"></script>
<link rel="stylesheet" type="text/css" href="Style.css">
</head>
<body>
<header>
<nav>
<p>text</p>
</nav>
</header>
</body>
</html>
关于css - HTML - CSS(页眉),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50659410/