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

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

我的想法是，在_Layout中。Cshtml中，您有<head>标签可以使用，但在一个非布局视图中不是这样。<link>标签放在哪里?

当前回答

你可以在_Layout中使用这个结构。cshtml文件

<link href="~/YourCssFolder/YourCssStyle.css" rel="stylesheet" type="text/css" />

其他回答

布局的工作原理与母版页相同。任何CSS引用的布局，任何子页面将有。

Scott Gu对此有很好的解释

我试着像这样添加一个块:

@section styles{
    <link rel="Stylesheet" href="@Href("~/Content/MyStyles.css")" />
}

和_Layout中对应的块。cshtml文件:

<head>
<title>@ViewBag.Title</title>
@RenderSection("styles", false);
</head>

这工作!但我总觉得有更好的办法。更新:在@RenderSection语句中添加了“false”，这样当你忽略添加一个名为head的@section时，你的视图就不会“spplode”。

我更喜欢使用razor html助手从客户端依赖dll

Html.RequireCss("yourfile", 9999); // 9999 is loading priority

你可以在_Layout中使用这个结构。cshtml文件

<link href="~/YourCssFolder/YourCssStyle.css" rel="stylesheet" type="text/css" />

使用

@Scripts.Render("~/scripts/myScript.js")

@Styles.Render("~/styles/myStylesheet.css")

可以为你工作。

https://stackoverflow.com/a/36157950/2924015

推荐文章