CSS沒有連接到HTML

對不起，我再次與基礎困擾... 上Webdev的非常基本的問題，但我的新的基礎知識，以便還在掙扎......CSS沒有連接到HTML

爲什麼不是我的CSS更改應用於HTML？

在CSS中對我所做的更改不適用於文本。我不知道爲什麼。 css文檔的名稱是stylesheet.css。它曾經工作之前，我爲＃藝術添加和草書是唯一的事情是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; 
}

來源

2014-02-21 Faris Kapo

明智的css沒有錯。但是，您在HTML開頭中將您的CSS文件命名錯誤。您在文檔style.css中將其命名爲stylesheet.css。 – Dorvalla

，因爲使用的是HTML5。所以你不需要再定義type的值type=text/css了。

如果你只使用下面的代碼，你的CSS將會工作。

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

還注意到一件事在你的代碼中沒有關閉<!DOCTYPE html

關閉它也。

<!DOCTYPE html>

來源

2014-02-21 09:10:23

是的，它似乎忘了關閉<！DOCTYPE hmtl>謝謝 –

我想你應該通過點擊綠色的複選標記按鈕來關閉這個問題。 –

以前不知道該怎麼做，謝謝：D –

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

放樣式= 「」沒有風格;）還你的鏈接到的CSS有錯誤的名字。

來源

2014-02-21 08:50:54

嘗試：

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

，正如你提到的stylesheet.css

來源

2014-02-21 08:51:35 Unknown

變化style.css你需要給這樣的

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

享受

來源

2014-02-21 08:52:01

試試這個..

點擊此鏈接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>

來源

2014-02-21 08:54:33 KesaVan

很酷的網站，謝謝：D –

兩個錯誤的位置：

你提到的文件名stylesheet.css中但考慮到的環節風格。CSS
你給了相對= 「」錯

最後的代碼應該是

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

（在同一個文件夾中假設了）

來源

2014-02-21 09:13:32 kunl

您剛纔提到，樣式表文件的名稱是stylesheet.css，但是您在HTML中編寫的樣式是style.css！
鏈接標籤的rel屬性值不是'style'。它應該是'樣式表'。
你錯過了結束尖括號...

所以，你應該寫你這樣的代碼：

<!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>

來源

2014-02-21 10:19:47 sunaiwen

CSS沒有連接到HTML

回答

相關問題