Question

我不知道为什么这个HTML文件没有使用链接的样式表进行格式化：

<!DOCTYPE html>
<html>
    <head>
        <title>Sticky Notes</title>
        <link rel=“stylesheet” href=“s.css” type=“text/css”/>
    </head>

    <body>
        <div class=“yellow”>
            <p>Make sticky notes with HTML/CSS.</p>
        </div>
    </body>
</html>

文档路径 - 我有一个文件夹StickyNotes，文件＆＃34; s.css＆＃34;和上面的HTML文件＆＃34; sticky.html＆＃34;。

这是CSS：

div {
    width: 150px;
    height: 150px;
    border: 2px solid #000000;
}
.yellow {
    background-color: #edeeb4;

}
.pink {
    background-color: #eeb4b4;

}
.green {
    background-color: #b4eec6;

}
.blue {
    background-color: #b4c0ee;
}
.grey {
    background-color: #dddee7;

}

Answer 1

尝试使用此代码：

<link rel="stylesheet" href="s.css">

它更现代的格式。还要确保你的css不在另一个文件夹中，在这种情况下你还需要指定文件夹路径。

Answer 2

问题在于您的双引号使用下面的代码：

<link rel="stylesheet" type="text/css" href="s.css">

外部CSS样式表无法正常工作

2 个答案: