2015-10-23 49 views
-4

oke所以我聽說css代碼很好。所以這裏是HTML代碼我使用不能用CSS更改顏色

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

<

</body> 
</html> 

它並結束與/身體和/ HTML,但我不能讓它在這個崗位遺憾了點。哦,我是荷蘭人,所以請忽略荷蘭語句子

+0

請告訴我們用HTML或可能的活生生的例子代碼,我覺得你的其他CSS代碼重寫此 –

+1

你能不能把這個的jsfiddle或至少提供你的HTML代碼呢? – ProDexorite

+0

你是說這個頁面沒有加載你的樣式表?如果是這樣,您可能想向人們展示如何引用您的樣式表以及它們在文件結構中的位置 –

回答

0

據我所知,你有一個單獨的文件的CSS,但它仍然開始<style>。在這種情況下,CSS文件的開頭是這樣的:

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

然後瀏覽器將此解釋爲選擇<style> a:link,這顯然不任何元素匹配。

<style>標籤只有當您將CSS直接放入HTML而不是用<link>加載時才需要。

編輯:編輯完你的問題之後:你確定樣式表是否被加載?把它放在樣式表的最上面:

* { background: pink !important; } 

一切都變成了粉紅色嗎?如果不是,請嘗試修復href中的<link>元素,直到看到粉紅色頁面。

0

從我所瞭解的情況來看,你已經在你的.html文件中找到了單獨的.css文件。

在您的CSS文件中包含HTML代碼正在破壞它,所以請確保您的.css文件中不使用<style>標記。

其次,要檢查你的CSS文件鏈接到你的HTML頁面正確:

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

確保它在你<head>部分,該href指向正確的目錄和文件。

否則你的CSS代碼是正確的。

0

我不知道你是如何包含CSS文件,但這裏是你應該怎麼做。 HTML文件應該有headlink標籤:

<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; 
}