Question

这个名为index.html的文件中的代码只是将页面背景设置为浅蓝色。

<!DOCTYPE html>
<html lang="en">
    <head>
    <title></title>
    <style>
        body {
            background-color: lightblue;
        }
    </style>
    </head>

    <body
    </body>
</html>

当我把它放在同一目录中名为stylesheet.css的文件中，并使用href链接它时，背景仍为白色。这是html和css文件：

<!DOCTYPE html>
<html lang="en">
    <head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
    </head>

    <body
    </body>
</html>

stylesheet.css中：

<style type="text/css">
body {
    background-color: lightblue;
}

这里发生了什么？怎么会以不同的方式工作？

Answer 1

在外部样式表中，您不需要<style>标记。因此，外部样式表的内容应该只是

body {
    background-color: lightblue;
}

为什么相同的CSS代码不能在外部文件中工作？

1 个答案: