ASP.NET MVC 2 页面中的 CSS 和 JavaScript答案

【问题标题】：CSS and JavaScript in ASP.NET MVC 2 PagesASP.NET MVC 2 页面中的 CSS 和 JavaScript
【发布时间】：2011-05-01 02:36:48
【问题描述】：

我有一个母版页，其中包含两个这样的内容部分（省略了一些部分）：

<head runat="server">
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder runat="server" ID="HeadContent" />
</head>

<body>
    <div id="content">
        <div id="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server" />
        </div>
    </div>
</body>

在我的一个引用该母版页的 .aspx 页面中，我提供了这样的内容（省略了一些部分）：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

    <% using (Html.BeginForm("Create", "Document", FormMethod.Post))
       { %>

       <p>
           <%: Html.LabelFor(m => m.Title) %>
           <%: Html.TextBoxFor(m => m.Title) %>
           <%: Html.ValidationMessageFor(m => m.Title) %>
       </p>

       <p>
            <input type="submit" class="t-button t-state-default" value="Create" />
       </p>

    <% } %>


</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>

然而，由上面的 LabelFor 块创建的标签没有样式化。在我的 CSS 文件中，我有一个全局设置字体的规则，但这不适用 - 字体是默认的。

我是否需要在 .aspx 页面的“Content2”部分重新包含我的所有 CSS 和 Javascript？在 Site.Master 中包含一次还不够吗？

【问题讨论】：

您的标签最终看起来像什么？在浏览器中查看源代码。确保它们匹配。

标签： javascript css asp.net-mvc-2 master-pages

【解决方案1】：

您只需要在母版页中包含 CSS 和 JavaScript 引用。来自母版页和内容页的标记被合并并作为单个 HTML 文档发送。

您的 CSS 可能与您的标记不正确匹配，因此无法正确应用样式。您可以将 CSS 添加到您的问题中以获得更多帮助，或使用 Firebug 检查源代码和样式。

【讨论】：

【解决方案2】：

我必须为<label> 定义样式表规则，如下所示：

label { margin:10px; color:blue; }

【讨论】：

【解决方案3】：

您是否包含<label> 的样式表规则？

使用 DOM 检查器（Firebug 等）查看标签样式（或缺少样式）的来源。

【讨论】：