html - 如何将 .css 添加到 .cshtml

Question

我是一个完整的 html/css 新手，我正在尝试获取一个 .cshtml 文件以使用我编写的一些基本 CSS。我需要在 .cshtml 中添加什么代码才能使用 CSS 文件？

编辑：这是我的 .css 文件中的代码。它旨在div使用“comment_box1”的 id 设置我的样式，但即使在遵循答案之后，它也无法正常工作。知道有什么问题吗？

.comment_box1 {
    background-color: #C8E0E8; 
    width: 830px; 
    height: 180px; 
}

score 37 · Accepted Answer

这是基本选项-您将样式标签添加到<head>文档的...

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

如果您使用的是捆绑包，则将捆绑包放在那里：

@Styles.Render("~/Content/css")

最后，如果您使用主布局，这是放置它的最佳位置，因为它将应用于您的所有页面。

更新

如果您以 id 为目标，则使用#，而不是用于类的点。

#comment_box1
{
background-color: #C8E0E8; 
width: 830px; 
height: 180px; 
}

score 10 · Accepted Answer

您还可以在 .cshtml 文件中使用 CSS 时使用。在这种情况下，请将以下代码直接粘贴到您的 .cshtml 文件中：

<style>
#comment_box1
{
background-color: #C8E0E8; 
width: 830px; 
height: 180px; 
}
</style>

score 0 · Accepted Answer

点网核心

首先，确保您有wwwroot文件夹并将css文件放入其中。

其次，检查你是否有app.UseStaticFiles();你的startup.cs Configure方法

第三，使用~/style.css基于以下路径的路径链接到您的文件wwwroot

3 回答 3