ASP.NET Web 窗体：母版页和 CSS 文件 [关闭]答案

【问题标题】：ASP.NET Web Forms: Master Page & CSS File [closed]ASP.NET Web 窗体：母版页和 CSS 文件 [关闭]
【发布时间】：2011-11-18 16:01:27
【问题描述】：

我有一个项目（Web 应用程序），我需要使用 Web 表单来实现。我已经准备好网站的设计，我将使用我已经开发的 CSS 模板之一。在这种情况下：

我应该使用母版页吗？
母版页和 CSS 文件之间有什么关系吗？如果是，我应该如何使用 CSS 文件定义母版页？

顺便说一下，CSS 文件是一个现成的模板。

【问题讨论】：

标签： asp.net css master-pages webforms

【解决方案1】：

我会强烈推荐使用母版页。它使您能够在所有页面上保持一致的外观。此外，如果您决定更改布局，您只需更改一个文件！
只需在母版页中引用 CSS 文件，它将应用于母版页所在的每个页面。类似<link href="~/styles/Style.css" rel="stylesheet" type="text/css" />

应该注意，您还可以拥有多个母版页。 Visual Studio 还允许您创建页面并选择母版页，这是添加项目时的其他选项之一。

【讨论】：

【解决方案2】：

如果您的许多或所有页面共享一个公共用户界面（例如页眉、页脚、导航栏等），您应该有一个母版页。

将指向 CSS 文件的链接放在哪里并不重要，因为无论哪种方式，CSS 都会应用于整个页面。如果 CSS 对整个网站（或共享相同母版页的所有网站）是通用的，则将其放在母版页中。如果 CSS 文件是特定于页面的，并且您不能将它放在母版页中，因为它与另一个特定页面冲突，请将其放在页面中（在头部 ContentSection 中）。

【讨论】：

我明白你在说什么，但是 CSS 文件的链接在哪里确实很重要。如果使用母版页，则应将 CSS 文件添加到母版页的页眉中。
嗯，是的，我的意思是哪个文件都没有关系。 CSS 应该在元素中，以便网站逐步呈现。因此，如果您在母版页中，请将其添加到那里。如果您在一个页面中，请将其添加到 ContentSection 标题中，以便它以正确的顺序添加到元素中（在将样式表作为一个整体应用于页面之后）。

【解决方案3】：

我建议使用母版页来控制您网站的总体布局，这样您就不必在每个页面上都重复布局。您不需要在 CSS 文件中做任何特殊的事情来说明母版页，但您应该在母版页的标题中添加指向 CSS 文件的链接，以便它传递到使用母版的所有页面页。

母版页标题：

<head runat="server">    
    <link rel="Stylesheet" href="~/pathtocssfile/cssfilename.css" type="text/css" />
</head>

【讨论】：