Html <；车身>；在未应用的外部CSS中_Html_Css

Html <；车身>；在未应用的外部CSS中

html css

Html <；车身>；在未应用的外部CSS中,html,css,Html,Css,我的外部样式表似乎不适用于身体部位。这是我的密码： all.css: body { background: url(../texture1.jpg); background-size: 600px 500px; background-repeat: repeat; } <head> <link rel="stylesheet" type="text/css" href="all.css"> </head> <body&g

我的外部样式表似乎不适用于身体部位。这是我的密码：

all.css:

body {
    background: url(../texture1.jpg);
    background-size: 600px 500px;
    background-repeat: repeat;
}

<head>
    <link rel="stylesheet" type="text/css" href="all.css">
</head>
<body>
    <div id="main">
        <h3 id="h3">
            <a class="a" href="home.php"><div id="active" style="left:20px;"><center>Work Load</div></a></br>
            <a class="a" href="assign.php"><div class="div" style="left:210px"><center>Assign Employee</div></a></br>
            <a class="a" href="accounts.php"><div class="div" style="left:400px"><center>Accounts</div></a>
        </h3>
    </div>
</body>

HTML:

body {
    background: url(../texture1.jpg);
    background-size: 600px 500px;
    background-repeat: repeat;
}

<head>
    <link rel="stylesheet" type="text/css" href="all.css">
</head>
<body>
    <div id="main">
        <h3 id="h3">
            <a class="a" href="home.php"><div id="active" style="left:20px;"><center>Work Load</div></a></br>
            <a class="a" href="assign.php"><div class="div" style="left:210px"><center>Assign Employee</div></a></br>
            <a class="a" href="accounts.php"><div class="div" style="left:400px"><center>Accounts</div></a>
        </h3>
    </div>
</body>

更改此项

 <head>
<style>

body {
                background: url(../texture1.jpg);
                background-size: 600px 500px;
                background-repeat: repeat;
                }
                <!--html page-->
            </style>
                <link rel="stylesheet" type="text/css" href="all.css"><style>
                </head>
                <body>
                <div id="main">
                <h3 id="h3">
                <a id="a" href="home.php"><div id="active" style="left:20px;"><center>Work Load</div>       </a></br>
            <a id="a" href="assign.php"><div id="div" style="left:210px"><center>Assign Employee</div></a></br>
            <a id="a" href="accounts.php"><div id="div" style="left:400px"><center>Accounts</div></a></h3>
            </div>
            </body>


身体{
背景：url（../texture1.jpg）；
背景尺寸：600px 500px；
背景重复：重复；
}

您的HTML代码中有几个缺陷：

-空样式块，不是真正的问题
标记似乎没有结束标记。这个标签被弃用，您应该考虑使用CSS样式<代码>文本对齐：Center < /Cord>。
```
id=“div”
```
-不建议使用具有相同值的多个id，因为它可能会产生无法解释的结果。这样做的目的是让它们独一无二

在

中包含此信息，我希望您可以将其用作学习课程，了解CSS中的内容以及它如何与HTML结构相关。只需添加
{}
在body之前，它对我有效
查找href上的任何错误，但是不能有多个元素具有相同的id
。还有，texture1.jpg
在哪里？打开浏览器的开发工具；检查网络面板是否存在加载图像或样式表的问题，然后使用某种类型的DOM检查器来确定是否正确应用了规则。我相信他的意思是CSS代码是他的“all.CSS”文件…/texture1.jpg应该在引号“../texture1.jpg”
中。。。您确定指向该图像的路径正确吗？@JRulle:不需要引号。您不能在
标记上方添加
标记，或者您不喜欢它？如果没有，内部样式表将放在哪里@LaughDonorStyle标记位于
、
或
的子标记中。来源：样式必须位于头标记之间@别介意，我误读了你的评论。我记得你说过他们不能超过
，所以他们会在脑袋里@Loughtonorth close div tag是指尸体后面的div tag抱歉，我没有具体说明。每个链接的
标记前面都有div标记。我尝试删除“./”仍然不起作用@laughtonorwell相对于CSS文件，您的图像文件到底位于哪里？顺便说一下，所有具有相同id的都具有相同的属性。。我必须把它们分开吗？？那么我想它会使我的代码更长{}正文{背景：url（../texture1.jpg）；背景大小：600px 500px；背景重复：重复；}
body {
    background: url('texture1.jpg');
    background-size: 600px 500px;
    background-repeat: repeat;
}
#main {
    background-color: lightpink;
}   
.active {
    color: green;
}
h3 {
    text-align: center;
}