2016-10-03 142 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 
    } 
相關問題