Question

抱歉再次打扰基础知识...... webdev上真正基本的问题，但我是新手，仍然在努力解决基础问题......

为什么我的CSS更改不适用于html？

我在css中对html所做的更改不适用于文本。我不知道为什么。 css文档的名称是stylesheet.css。在我加入#Art草书之前曾经工作过，唯一的事就是css。我写了html：

<!DOCTYPE html
<HTML>
   <HEAD>
      <TITLE>
         SanRuza 
      </TITLE>
    <link rel="style" type="text/css" href="style.css">

   </HEAD>
<BODY>
   <h1>SanRuza</h1>
   <ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>
   <p><div id="Art">"Do something instead of killing time, because time is killing you."</div></b>Paulo Coehlo</p> 
   </BODY>
</HTML>

我写了css：

body
{
background-color:gray;
}
h1 {
font-family:Georgia;
font-size:30px;
}
p {
position:relative;
left:150px;
}
#Art {
font-style:italic
}
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
text-decoration:none;
display:inline;
}

Answer 1

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

将样式表放在rel =“”而不是样式;）你的css链接也有错误的名称。

Answer 2

尝试：

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

正如您所说，将style.css更改为stylesheet.css

Answer 3

你需要像这样给予

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

享受

Answer 4

试试这个..

点击此链接FIDDLE

Html代码

<!DOCTYPE html>
<HTML>
   <HEAD>
      <TITLE>
         SanRuza 
      </TITLE>
    <link rel="style" type="text/css" href="stylesheet.css">
<style>
body
{
background-color:gray;
}
h1 {
font-family:Georgia;
font-size:30px;
}
p {
position:relative;
left:150px;
}
#Art {
font-style:italic
}
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
text-decoration:none;
display:inline;
}
</style>
   </HEAD>
<BODY>
   <h1>SanRuza</h1>
   <ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>
   <p><div id="Art">"Do something instead of killing time, because time is killing you."</div></b>Paulo Coehlo</p> 
   </BODY>
</HTML>

Answer 5

因为您使用的是HTML5。因此您无需再定义type type=text/css的价值..

如果您只使用以下代码，那么您的CSS就可以使用。

<link rel="stylesheet" href="style.css">

还注意到代码中有一件事你没有关闭<!DOCTYPE html

也关闭它。

<!DOCTYPE html>

Answer 6

这里有两个错误：

您已经提到了文件名stylesheet.css，但链接为style.css
您已经给出了rel =“”错误的

最终代码应为

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

（假设它在同一个文件夹中）

Answer 7

您提到样式表文件的名称是stylesheet.css，但您在HTML中编写的内容是style.css！
链接标记的rel属性值不是“样式”。它应该是'stylesheet'。
你错过了结束角括号......

所以，你应该像这样编写你的代码：

<!DOCTYPE html>
<HTML>
   <HEAD>
      <TITLE>
         SanRuza 
       </TITLE>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">

   </HEAD>
   <BODY>
       <h1>SanRuza</h1>
       <ul>
           <li><a href="default.asp">Home</a></li>
           <li><a href="news.asp">News</a></li>
           <li><a href="contact.asp">Contact</a></li>
           <li><a href="about.asp">About</a></li>
       </ul>
       <p><div id="Art">"Do something instead of killing time, because time is killing                you."</div></b>Paulo Coehlo</p> 
   </BODY>
</HTML>

CSS没有连接到HTML

7 个答案: