Question

是的，所以我听说css代码很好。所以这是我使用的HTML代码

<DOCTYPE! html>
 <html lang="nl">
    <head>
    <title>The White Stripes!</title>
    <link rel="stylesheet" type="text/css" href="home.css">
    </head>
<body background="white.jpg">

<h1 style="color:white;">Welom op de White Stripes Website van Max Wijtmans</h1>
<h3 style="color:white;">Op deze website kunt u heel veel informatie van de band Seven Nation Army halen. U kunt ook contact met mij opnemen als u dat wilt.
<br/><h3 style="color:white;">hier een filmpje van hun grootste hitSeven Nation Army</h3> <br/> <iframe width="640" height="480" src="https://www.youtube.com/embed/0J2QdDbelmY" frameborder="0" allowfullscreen></iframe><br/>
<ul>
<li> <a href="weetjes.html" target="blank">weetjes over de band</a>
<li> <a href="geschiedenis.html" target="blank">de geschiedenis van deband</a>
<li> <a href="albums.html" target="blank">alle albums van de band</a>

＆LT;

</body>
 </html>

它以/ body和/ html结尾，但我不能在这篇文章中得到它抱歉。哦，我是荷兰人所以请忽略荷兰语句子

Answer 1

据我了解，您将CSS放在一个单独的文件中，但它仍以<style>开头。在这种情况下，CSS文件的开头如下所示：

<style>
/* unvisited link */
a:link {

然后，浏览器会将其解释为选择器<style> a:link，这显然与任何元素都不匹配。

当您将CSS直接放入HTML而不是使用<style>加载时，<link>标记才是必需的。

编辑：编辑完问题之后：您确定已加载样式表了吗？把它放在样式表的最顶层：

* { background: pink !important; }

一切都变粉了吗？如果没有，请尝试修复href元素中的<link>，直到看到粉红色的页面。

Answer 2

根据我的理解，您已经在.html文件中找到了单独的.css文件。

在CSS文件中包含HTML代码会破坏它，因此请确保您不要在.css文件中使用<style>标记。

其次，您要检查您的CSS文件是否正确链接到您的HTML页面：

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

确保它在<head>部分，并且href指向正确的目录和文件。

否则你的CSS代码是正确的。

Answer 3

我不知道你是如何包含css文件的，但这是你应该怎么做的。 html文件应在link：

中包含head标记

<html>
  <head>
    <link rel="stylesheet" media="screen" type="text/css" href="/style.css" />
  </head>
  <body>
    <a href="#">This is my test</a>
  </body>
</html>

必须在您网站的根文件夹中添加style.css文件（您可以考虑将其更改为公共资源文件夹）。这个例子唯一可以包含的css文件是：

a {
    color: white;
}

a:hover {
    color: blue;
}

不能用CSS改变颜色

3 个答案: