Html CSS ID不工作/初学者问题_Html_Css

Html CSS ID不工作/初学者问题

html css

Html CSS ID不工作/初学者问题,html,css,Html,Css,我目前有一个CSS问题，我希望有人能帮助我，因为我是一个非常初学者。我试图覆盖和图像的另一个图像当我使用内联代码时，它可以正常工作，例如：但是，如果我试图在CSS文件中直接插入，它将不起作用 #方形图标{位置：绝对；顶部：12%；左侧：36%；}；为什么我在CSS文件中包含时它不起作用？再次抱歉，我非常业余，但我希望有人能帮助我理解这个问题多谢各位， PatrickCSS文件中不需要标记您还应该删除类末尾的分号（；）删除它们，只要CSS正确链接到HTML文件，就可以正常

我目前有一个CSS问题，我希望有人能帮助我，因为我是一个非常初学者。我试图覆盖和图像的另一个图像

当我使用内联代码时，它可以正常工作，例如：

但是，如果我试图在CSS文件中直接插入，它将不起作用


#方形图标{位置：绝对；顶部：12%；左侧：36%；}；

为什么我在CSS文件中包含时它不起作用？再次抱歉，我非常业余，但我希望有人能帮助我理解这个问题

多谢各位， Patrick

CSS文件中不需要

标记

您还应该删除类末尾的分号（

；

）

删除它们，只要CSS正确链接到HTML文件，就可以正常工作

<head>     
    <link rel="Stylesheet" href="/Style/stylesheet.css" type="text/css" />    
</head>

如果我误解了，您的CSS样式实际上在您的

标记中，如：

<head>
    <style>
        #square_icon { position: absolute; top: 12%; left: 36%; }
    </style>
</head>


#方形图标{位置：绝对；顶部：12%；左侧：36%；}

然后尝试将其更改为：

<head>
    <style type="text/css">
        #square_icon { position: absolute; top: 12%; left: 36%; }
    </style>
</head>


#方形图标{位置：绝对；顶部：12%；左侧：36%；}

请注意，我已将

type=“text/css”

添加到您的

标记中。

如果您想按id设置div的样式，您应该给它一个id：

<div class="one_half">
    <div id="square_icon" style="position: absolute; top: 12%; left: 36%;"><img src="img/square_icon.png" width="77" height="76" /></div>
    <img src="img/square.jpg" width="412" height="145" />
</div>

而不是一门课

相应的样式：

<style>
    #square_icon { 
      position: absolute;
      top: 12%;
      left: 36%; 
    }//there is no ';' here
</style>


#方形图标{
位置：绝对位置；
最高：12%；
左：36%；
}//没有“；”在这里

你也犯了如上所述的错误。

正确的形式也是我认为最后一个分号不是必需的…@Adam:type属性不是必需的，但是

标签不应该在样式表中。我希望你的CSS文件中没有

标签。你可能会发现CSS验证器对于调试这样的问题很有用：，而且大多数浏览器都有一个错误控制台，它通常会在出现错误时告诉你。在Chrome=>settings->developer tools->console…-1-工作正常吗？你看到这两个错误了吗？@Jannis M:你似乎误解了问题和答案。@Jannis我没有看到

第一次结束时，干杯。在我看来，这不值得投反对票，但无论如何还是要感谢“你应该给它一个ID[…]而不是一个类”，我看不出OP的HTML有什么不同。div已经有一个ID。“或者将选择器更改为类选择器”您仍然有一个ID选择器。。。不清楚你想用这个答案说什么。您的代码似乎与您的文字不匹配。亲爱的所有人-非常感谢您出色且快速的回复。非常感谢你，詹尼斯！}//没有“；”在这里
<div class="one_half">
    <div id="square_icon" style="position: absolute; top: 12%; left: 36%;"><img src="img/square_icon.png" width="77" height="76" /></div>
    <img src="img/square.jpg" width="412" height="145" />
</div>

<style>
    #square_icon { 
      position: absolute;
      top: 12%;
      left: 36%; 
    }//there is no ';' here
</style>