Html Visual Studio网站CSS将不适用_Html_Css_Visual Studio 2013

Html Visual Studio网站CSS将不适用

html css visual-studio-2013

Html Visual Studio网站CSS将不适用,html,css,visual-studio-2013,Html,Css,Visual Studio 2013,我第一次尝试在VS2013中创建一个网站。我创建了一个新网站，并将Home.html设置为启动页面。这很好用。然后我添加了一个名为Home.css的文件作为Home.html的样式表。对于我的HTML，我有： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> </head> <body&g

我第一次尝试在VS2013中创建一个网站。我创建了一个新网站，并将Home.html设置为启动页面。这很好用。然后我添加了一个名为Home.css的文件作为Home.html的样式表。对于我的HTML，我有：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>
</head>
<body>
    <div class="header-div">
        Testing!
    </div>
</body>
</html>

header div类出现在我的IntelliSense和所有内容中，但它实际上不会应用于该div。我做错了什么？

您应该链接css：将此部分添加到head

<link rel="stylesheet" href="Home.css" />

所以你的代码应该是：

<!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <link rel="stylesheet" href="Home.css" />
 <title>Test</title>
 </head>
 <body>
<div class="header-div">
    Testing!
</div>
</body>
</html>

您是否在头部链接到该样式表？css链接到html的位置在哪里？在您的标记中，包括css，就像对于初学者来说，纯文本编辑器比完整的IDE更好的另一个原因一样。@Shawn是的，这就是我试图说明的要点。

<!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <link rel="stylesheet" href="Home.css" />
 <title>Test</title>
 </head>
 <body>
<div class="header-div">
    Testing!
</div>
</body>
</html>