Question

所以我基本上想知道我写的代码是否只是弹出一个带有＆＃34的页面;这个网页使用外部样式表＆＃34;，蓝色字体。我已经花了好几个小时让我的CSS链接到我的HTML代码，最后我做了但是它只是蓝色字体。 P.S我应该在今晚转过来，所以需要确定！

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

Answer 1

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

你可以先试着小提琴来验证干净状态下的样子。

https://jsfiddle.net/

Answer 2

首先，您错误地输入了background-color。您提供的代码为您提供带有白色文本的蓝色背景。

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
    }

这是我的页面应该是什么样子？

2 个答案: