2016-10-03 145 views
0

所以我基本上想知道,如果我写的代码应该只是用蓝色字体弹出一个“此网页使用外部样式表”的页面。我一直在努力几个小时,让我的CSS链接到我的HTML代码,最后我做到了,但是所有的东西都是蓝色字体。 P.S我应该在今晚打开它,所以需要确定!这是我的页面应该看起来像什么?

What it looks like

 <!DOCTYPE html> 
    <html lang="en"> 
     <head> 
      <title>External Styles</title> 
      <meta charset="utf-8"> 
      <link rel="stylesheet" href="color.css"> 
     </head> 

     <body> 
      <p>This web page uses an external style sheet.</p> 
     </body> 
    </html> 

CSS:

body { backround-color: #0000FF; 
     color: #FFFFFF; 
    } 
+0

如果你想蓝色的文本,然后你'背景color'和'color'值必须逆转。见https://jsfiddle.net/o4436sop/ – TeaCode

回答

0

不,它不是。它假设用浅色背景的白色字体显示。 这是一些其他的CSS或浏览器插件的影响。

您可以先尝试一下小提琴来验证它在干净状态下的样子。

https://jsfiddle.net/

0

所有你错误地输入background-color第一。 您提供的代码为您提供白色文本的蓝色背景。

Sample Output

HTML代码

<!DOCTYPE html> 
<html> 
<head> 
    <title>Fiddle</title> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
</head> 
<body> 
<div id="txtPopup"> 
<p>This web page uses an external style sheet</p> 
</div> 
</body> 
</html> 

CSS代码

body { 
    color: #FFFFFF; 
    background-color: #0000FF 
    } 
相关问题