Question

目前我正在尝试学习一些HTML和ASP.Net，而且我很困惑。

我已经使用MVC设置创建了一个新的空项目，但我无法使用css文件设置样式。

我的索引文件使用的布局页面本身（应该）使用css文件。我使用以下＆＃34;语法＆＃34;：

<link href=@Url.Content("~/Views/Common/Style.css") rel="stylesheet" />

此时我不知道您是否需要更多信息（我真的不知道您可能需要哪些信息） - 请告诉我。

Answer 1

要在MVC中渲染样式，最好使用Bundle Config。

在您的解决方案中，您应该有一个文件夹App_Start

如果您打开BundleConfig.cs文件，您将看到脚本和样式包。

类似的东西：

bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/STYLE.css"));

上面的套装名称是："~/Content/css"。

要包含此Bundle中的样式表，请将其包含在页眉/页脚中或视图中的任何位置。

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

如果您不想使用套装，可以使用Url.Content

<head>
    <link href="@Url.Content("~/Content/STYLE.css")" rel="stylesheet"/>
</head>

或者您可以使用简单HTML：

<head>
    <link href="~/Content/STYLE.css" rel="stylesheet" />
</head>

修改

如果您没有App_Start文件夹，可以使用：

创建App_Start文件夹

创建一个新的类名：BundleConfig.cs

public class BundleConfig { public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/site.css"));

}}

在您的Global.asax.cs文件中，在Application_Start方法的末尾添加此行

BundleConfig.RegisterBundles（BundleTable.Bundles）;

Answer 2

您是否验证过样式表的文件夹位置？将它们放在views文件夹中通常有些不常见。虽然由开发人员自行决定，他们通常会驻留在/ Content或类似内容中，但通常不在您的视图文件夹中。

布局页面的head标记内是否有链接标记？

Answer 3

好的，现在我“解开”了这个谜。

创建一个新文件夹“Content”并在其中创建css文件就可以了 - 还必须在Views文件夹中创建Layout文件。

Layout.cshtml实现样式表

<link rel="stylesheet" href="~/Content/Style.css" />

Answer 4

要进行总计，您还应该在“视图”文件夹中创建_ViewStart.cshtml，然后在其中设置@{Layout="_Layout"}，以将其启用到所有视图。

Answer 5

这对我有用：

在项目的根目录下创建一个wwwroot（这是一个标准文件夹）文件夹，并在其中创建一个css文件夹。
将您的.css文件移动到css文件夹中。
像这样在cshtml中指定.css文件的路径：

<head>
    <link rel="stylesheet" href="~/css/style.css" />
</head>

请注意，路径不是~/wwwroot/css/style.css！

ASP.Net MVC Empty - 不会应用CSS

5 个答案: