為什么相同的CSS代碼在外部文件中不起作用？

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 個解決方案

解決方案1
6 2017-05-30 23:38:26

為什么相同的CSS代碼在外部文件中不起作用？

問題描述

1 個解決方案

解決方案1 6 2017-05-30 23:38:26

解決方案1
6 2017-05-30 23:38:26