Css 如何从.cshtml页面调用外部样式表？_Css_Asp.net Mvc_Visual Studio_Asp.net Mvc 4_Razor

Css 如何从.cshtml页面调用外部样式表？

css asp.net-mvc visual-studio asp.net-mvc-4 razor

Css 如何从.cshtml页面调用外部样式表？,css,asp.net-mvc,visual-studio,asp.net-mvc-4,razor,Css,Asp.net Mvc,Visual Studio,Asp.net Mvc 4,Razor,我有一个视图页面（view.cshtml）和一个样式表（Style.css）样式表位于名为“样式表”的文件夹中，视图页面位于Views/Home/view.cshtml中。我试图通过以下代码将样式表链接到视图页面： <link rel="stylesheet" type="text/css" href="~/Stylesheet/Style.css"> \u Layout.cshtml <!DOCTYPE html> <head> <met

我有一个视图页面（view.cshtml）和一个样式表（Style.css）

样式表位于名为“样式表”的文件夹中，视图页面位于Views/Home/view.cshtml中。我试图通过以下代码将样式表链接到视图页面：

<link rel="stylesheet" type="text/css" href="~/Stylesheet/Style.css">

\u Layout.cshtml

<!DOCTYPE html>

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="~/Stylesheet/Style.css" /> ‌
    <title>Test Page</title>
</head>

<body>

    <div id="topHeader">
        <br />

        <div id="credentialsBox">

            <div id="texts">
                <div id="word1">Username:</div>
                <div id="word2">Password:</div>
            </div>
        </div>
    </div>
</body>

<!DOCTYPE html>
<html>

    <head>
        @RenderSection("css", false)
    </head>

    <body>
        @RenderBody()
    </body>

</html>


@RenderSection（“css”，false）
@RenderBody（）

很抱歉，如果CSS样式有点混乱，我在这里尽力学习：D

你也可以用它来代替

CSS

文件的绝对路径

<link href="~/Stylesheet/Style.css" rel="stylesheet" type="text/css" />

或

如果您需要自定义CSS文件，请确保将该文件添加到App\u Start文件夹中的BundleConfig.cs文件中。看起来是这样的

  bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css",
                  "~/Content/Style.css));

在你的头部尝试替换

<head>
    @RenderSection("css", false)
</head>


@RenderSection（“css”，false）

与


@style.Render（“~/Content/css”）

看看这会有什么不同，我们会从那开始

我已经解决了这个错误。我把我的样式表放在“wwwroot/css”中，它工作了

你可以试试这个：你的代码看起来不错。您是否使用浏览器工具检查其是否已加载？为什么不执行样式设置，您是否可以显示更多视图和一些基本样式，以帮助其他人更好地进行指导。@StephenMuecke当我使用浏览器工具进行检查时，style.css出现错误。在“网络”选项卡上，它显示我的css已被阻止（blocked:other）。在控制台选项卡下，它表示不允许加载本地resource@stom我已经更新了问题，谢谢！我试过了，但没用！您让我尝试的主要问题也返回了错误。好的，您的项目中可能存在使用IIS端口的问题或缺少某些设置。最好是重现问题创建一个新的mvc项目并粘贴所有视图和css文件以再次检查。您好，我没有BundleConfig.cs文件，因为我在ASP.NET5 WebApp上运行

  bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css",
                  "~/Content/Style.css));

<head>
    @RenderSection("css", false)
</head>

  <head>
  @Styles.Render("~/Content/css")
  </head>