Html 为什么赢了';我的代码中没有显示边距吗

Html 为什么赢了';我的代码中没有显示边距吗,html,css,image,Html,Css,Image,我试图使一个网站,其中有一个图片,它下面有一个空白处,那里有一个背景颜色的信息。当我尝试运行我创建的代码时,它不会显示边距,因此是无用的。有人知道我该怎么解决这个问题吗。非常感谢您的帮助 <html> <style> <head> img { padding:0; margin:0; } div { font-size: 55px; font-family: Impact; color: #000066; } h1

我试图使一个网站,其中有一个图片,它下面有一个空白处,那里有一个背景颜色的信息。当我尝试运行我创建的代码时,它不会显示边距,因此是无用的。有人知道我该怎么解决这个问题吗。非常感谢您的帮助

<html>
<style>
<head>

img {
    padding:0; margin:0;
}

div {
     font-size: 55px;
     font-family: Impact;
     color: #000066;
}

h1 {
    margin: 10px 0 0 0;
    background-color: red;
}

</style>
</head>

<body>

<img src="picmine.jpg" width="1440" height="500" style="position: absolute; top:0px; left:1px"/>

<div style="position: absolute; top:100px; left:350px"><center>Brantley and Brennan's Creations</div></center>

<h1><center>Love of Technology</h1></center>

</body>

img{
填充:0;边距:0;
}
div{
字体大小:55px;
字体系列:影响;
颜色:#000066;
}
h1{
利润率:10px0;
背景色:红色;
}
布兰特利和布伦南的创作
对科技的热爱

您的样式标记顺序不正确。它们应该位于头部标签内,如下所示:

<head>
 <style>
  //css
 </style>
</head>

//css

如果这是您的确切代码,则该代码无效-样式元素必须嵌套在body或head标记中。这是什么意思?即使没有标签,当我在桌面上用图片显示的图片尝试上面的代码时,样式也应该在身体下面。确保您的src=”“路径正确。样式标记应该位于头部标记之间@Kobbe始终显示图像。利润根本没有显示出来