如何将.css添加到.cshtml

Smo*_*ore 6 html css razor

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

编辑:这是我的.css文件中的代码.它的目的是div使用"comment_box1"的id 来设置我的样式,但即使遵循了答案,它也无法正常工作.知道什么是错的吗?

.comment_box1
{
background-color: #C8E0E8; 
width: 830px; 
height: 180px; 
}
Run Code Online (Sandbox Code Playgroud)

Fen*_*ton 27

这是基本选项 - 您<head>在文档中添加样式标记...

<link rel="stylesheet" href="app.css" type="text/css" />
Run Code Online (Sandbox Code Playgroud)

如果您正在使用捆绑包,则将捆绑包放在那里:

@Styles.Render("~/Content/css")
Run Code Online (Sandbox Code Playgroud)

最后,如果您使用主布局,那么这是放置它的最佳位置,因为它将适用于您的所有页面.

更新

如果您要定位id,则使用#(而不是点)作为类.

#comment_box1
{
background-color: #C8E0E8; 
width: 830px; 
height: 180px; 
}
Run Code Online (Sandbox Code Playgroud)

  • 人们为什么要投票给出正确答案? (4认同)
  • 添加了我仍然遇到的问题的快速编辑,抱歉,如果我是一个完整的新手. (2认同)
  • 为我修好了,非常感谢你! (2认同)

Ada*_*unj 9

您也可以使用 while 在 .cshtml 文件中使用 CSS。在这种情况下,请将以下代码直接粘贴到您的 .cshtml 文件中:

<style>
#comment_box1
{
background-color: #C8E0E8; 
width: 830px; 
height: 180px; 
}
</style>
Run Code Online (Sandbox Code Playgroud)