Question

我正在尝试为学校建立一个关于哥特式教堂的网站，并且无法让css课程上班。我正在尝试在页面的一侧创建一个菜单，该菜单将保持在同一位置，并且只需键入＆＃39; hi＆＃39;测试它。我没有看到任何东西正在工作，如果有人能告诉我我做错了什么，我将不胜感激。

<html type = "text/css">
<head>
<script>
div.mydiv {
color: red;
position: fixed;
left: 0;
top: 200px; /* 200px from top */
}
</script>
<title>
Cathedral Project
</title>
</head>
<body>
<h1>
<marquee behavior = "alternate" style = "background-color:#828180" scrolldelay = "1">
<a href="https://be43ada9-a-cc17453e-s-sites.googlegroups.com/a/sau41.org/stephen-capraro/home/funny_3.jpg?attachauth=ANoY7cq6T-NPJuhfXWPCNobXQS33pGhZw8uo_BhUpozRiCu8JFK7_dWd6B-92bckzc8_3Vj9lQMh7jCL0mBVR-tYYg0LgIIx7yPZqbme0G-oKcRVfyd_GPuRrTtCuOT2wRhByl-QVpqrpa12yk5xqG9bluTqdQEyRgeMPCnz3mpcdjV9xKzoWOLUg2vCrGscyxdz84kFwm0hDZlH0I4LhEZZioG4kLd-fQ%3D%3D&attredirects=0" target="_blank"> <img src="gothic.jpg"> </a>
</marquee>
</h1>
<div class="mydiv">hi
</div>

</body>
</html>

Answer 1

目前，您的css位于<script>标记中。它必须位于<style>标记中。它应该是这样的：

<style type="text/css">
    .mydiv { /* styles go here */ }
</style>

Answer 2

更改

<script>
div.mydiv {
color: red;
position: fixed;
left: 0;
top: 200px; /* 200px from top */
}
</script>

要

<style>
div.mydiv {
color: red;
position: fixed;
left: 0;
top: 200px; /* 200px from top */
}
</style>

Answer 3

您将CSS代码放在<style type="text/css"></style>代码中，而不是<script></script>代码中。

如果你缩进代码，那对你来说会很棒，它会帮助你不要犯错误，比如错过标签。

类的Css和html问题

3 个答案: