Question

这是我的第一篇文章。尽管做了所有的努力，我似乎是一个完全的菜鸟，显然缺少一些非常简单的东西。我无法让我的CSS代码正常工作。方法如下：

这是我的简单HTML代码:(本例中为something.html）

<!doctype html> 
<html>
<head>
    <link rel="stylesheet" type="text/css" href="something.css">
    <title>yolo</title>
</head>
<body text="black" background="83467_0003b.jpg">
    <h1><center><font face="Arial">Hello World.</font></center></h1>
    <a href="something.html"><center><b>Click here</b></center></a> 
</body>
</html>

这是我的CSS代码:(本例中的something.css）

<!doctype html>
<html>
<head>
<style>
body {
    background-image: url("83467_0003b.jpg");
    background-repeat: no-repeat;
}
a {
    color: yellow;
    background-color: white;
}
</style>
</head>
<body>

</body>

*现在，我无法让背景图像停止重复;

*我只能使用普通＆＃34; a＆＃34;给链接赋予新属性（只有颜色，背景颜色不起作用）。如果我使用＆＃34; a：link＆＃34;该链接返回其默认属性。

我该怎么办？

U P D A T E *问题解决了。我不小心把html标签放在了css代码X中（感谢你指出来！

Answer 1

您的CSS文件只能包含：

body {
  background-image: url("83467_0003b.jpg");
  background-repeat: no-repeat;
}
a {
  color: yellow;
  background-color: white;
}

在<body text="black" background="83467_0003b.jpg"> sintax中的something.html中，text和background属性是无法纠正的。

如果要声明CSS内联样式，可以使用以下内容：

<body style="background: url(83467_0003b.jpg); color: black;">

但是，通过保持HTML和CSS验证，您可以使用此代码获得相同的结果：

body {
  background-image: url("83467_0003b.jpg");
  background-repeat: no-repeat;
  text-align: center;
}
a {
  background-color: white;
  color: yellow;
  font-weight: bold;
}
h1 {
  font-family: Arial, sans-serif;
}

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" type="text/css" href="something.css">
  <title>yolo</title>
</head>

<body>
  <h1>Hello World.</h1>
  <a href="something.html">
    Click here
  </a>
</body>

</html>

Answer 2

从正文中删除样式，否则标记样式会覆盖外部文件中的css

<!doctype html> 
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="something.css">
    <title>yolo</title>
  </head>
  <body >
    <h1><center><font face="Arial">Hello World.</font></center></h1>
    <a href="something.html"><center><b>Click here</b></center></a> 
  </body>

在.css文件中只使用css语句没有HTML或javascript代码

something.css

body {
    background-image: url("83467_0003b.jpg");
    background-repeat: no-repeat;
}
a {
    color: yellow;
    background-color: white;
}

我无法让我的CSS代码正常工作

2 个答案: