2015-11-07 183 views
1

我寫在記事本中的代碼,並通過瀏覽器執行,但我看不出顏色appaear,CSS代碼沒有影響

http://i.imgur.com/RJHb2Xp.png

似乎代碼的CSS部分不生效,我應該怎麼做讓CSS部分生效?

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>TITLE</title> 
     <style type="text/css"> 
      body {background:white; color:black} 
      a:link {color:red} 
      a:visited {color:green } 
      a:active {color:blue} 
     </style> 
    </head> 
    <body> 
     <h1>B blue T Black</h1> 
    </body> 
</html> 

回答

3

你可以試試這個:

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>css</title> 
     <style type="text/css"> 
      body {background-color:white; } 

h1 
{ 
color:red; 
} 
     </style> 
    </head> 
    <body > 

     <h1>B blue T Black</h1> 
    </body> 
+0

謝謝,我跑步成功 –

+0

行先生@yuyangJian –

5

<h1>不是<a href="">所以沒有你的a:風格將適用,只有body { color: black; }將被應用,這就是爲什麼你的文字爲黑色。

h1規則替換您的a:規則或用<a href="#">替換<h1>

+0

我在開始時看書,所以我沒有看到h1,但我在其他章節看到它,謝謝! –

+1

在學習CSS之前,我建議你先學習HTML。它的代碼類似於'

最大可能的標題

',它有一些默認的CSS樣式應用於它。在知道何時使用什麼對象之後,您可以學習如何使用CSS對對象進行樣式設置。例如'h1 {color:red}'會使文本顏色變爲紅色。通過這種方式,在實際瞭解要設計樣式的對象之前,您不會對CSS感到困惑。只是我2美分。祝你好運:) –

1

你的頭是不是鏈接。你的CSS設置正確,只是沒有鏈接要設置樣式。用一個包裹你的標籤,你應該很好去!

+0

謝謝你的回答! –