HTML - CSS（标题）[重复]答案

【问题标题】：HTML - CSS(Header) [duplicate]HTML - CSS（标题）[重复]
【发布时间】：2018-11-12 12:56:39
【问题描述】：

我开始使用 html 和 css，但遇到了问题。我有标题，它在浏览器和标题本身之间有一些空间我希望你明白我在说什么。它只是背景上的一个矩形。

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>

【问题讨论】：

标签： css html

【解决方案1】：

问题是，默认情况下，每个浏览器都包含一个默认的 padding 和 margin 属性。因此，您需要将它们重置为零以避免此类问题。

通过在脚本开头添加此声明：

* {
    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>

【讨论】：

谢谢它的工作:)
你应该关闭这个问题！很高兴它有帮助。

【解决方案2】：

header{
  background-color:#000;
  padding: top;
  min-height: 70px;
  margin-top:0px;


}

试试这个。

【讨论】：

不，我还有空间
然后减少更多给负值

【解决方案3】：

添加如下样式

body {
margin : 0;
}

body{
  background-image:url(bg.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0;
}

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>

【讨论】：