将css文件添加到单个页面(ASP.NET母版页)

Question

将css文件添加到单个页面(ASP.NET母版页)

如何在使用ASP.NET母版页时将css文件仅添加到子页面,而不是在母版中指定它们？

Answer 1

在母版页中

<head>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>

Run Code Online (Sandbox Code Playgroud)

在特定页面中

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
  <link href="~/pagecssfile.css" rel="stylesheet" type="text/css" />
</asp:Content>

Run Code Online (Sandbox Code Playgroud)

这个实际上好多了,因为<link>标签必须在<head>部分,因为快速渲染和w3c兼容性的原因.点击此处了解更多信息:http://stackoverflow.com/questions/1642212/whats-the-difference-if-i-put-css-file-inside-head-or-body (2认同)

Answer 2

小智 4

您可以在内容内的子页面中指定它，如下所述

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<link href="Css/main.css" rel="stylesheet" type="text/css" />

Run Code Online (Sandbox Code Playgroud)

此 css 的范围将仅保留于此页面

对 css 和 js 文件的引用都应该位于 <head> 部分中，以便它们在正文之前加载。Adrian Iftode 的方式更符合 w3c，也更高效。 (3认同)

归档时间：	13 年，9 月前
查看次数：	6237 次
最近记录：	13 年，9 月前