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

Posted

技术标签:

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

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

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

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

【问题讨论】:

【参考方案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>

【讨论】:

以上是关于ASP.NET Web 窗体:母版页和 CSS 文件 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

ASP.Net,母版页:每页样式表

ASP.Net 母版页和文件路径问题

ASP.NET内容页中访问母版页中的对象

关于asp.net中页面事件加载的先后顺序

asp.net 中母版页、用户控件中属性的调用、赋值方法求解。

asp.net 母版页的 JCrop 问题