如何在剃刀视图上引用 .css 文件？

小编典典

all

我知道如何在 _Layout.cshtml 文件上设置 .css 文件，但是如何在每个视图的基础上应用样式表呢？

我的想法是，在 _Layout.cshtml 中，您可以使用<head>标签，但在您的非布局视图之一中则不然。<link>标签去哪儿了？

阅读 64

2022-06-22

共1个答案

小编典典

对于在整个站点中重用的 CSS，我在以下<head>部分中定义它们_Layout：

<head>
    <link href="@Url.Content("~/Styles/main.css")" rel="stylesheet" type="text/css" />
    @RenderSection("Styles", false)
</head>

如果我需要一些特定于视图的样式，我会Styles在每个视图中定义该部分：

@section Styles {
    <link href="@Url.Content("~/Styles/view_specific_style.css")" rel="stylesheet" type="text/css" />
}

编辑：知道@RenderSection 中的第二个参数 false
表示使用此母版页的视图不需要该部分，并且视图引擎将很高兴地忽略没有定义“样式”部分的事实，这很有用在你看来。如果为
true，除非定义了“样式”部分，否则视图将不会呈现并且会引发错误。

2022-06-22