2015-11-07 85 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

谢谢你的回答! –