ASP.NET Web窗体:母版页& CSS文件

时间:2011-09-16 12:27:51

标签: asp.net css master-pages webforms

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

  1. 我应该使用母版页吗?
  2. 母版页和CSS文件之间是否有任何关系?如果是,我应该如何使用CSS文件定义母版页?
  3. 顺便说一句,CSS文件是一个现成的模板。

3 个答案:

答案 0 :(得分:12)

  1. 高度建议使用母版页。它使您能够在所有页面上保持一致的外观。此外,如果您决定更改布局,则只需更改一个文件!

  2. 只需在母版页中引用CSS文件,它就会应用于母版页所使用的每个页面。像<link href="~/styles/Style.css" rel="stylesheet" type="text/css" />

  3. 这样的东西

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

答案 1 :(得分:1)

如果您的许多或所有页面共享一个公共用户界面(例如页眉,页脚,导航栏等),您应该拥有一个母版页。

将链接放到CSS文件的位置并不重要,因为CSS将以任一方式应用于整个页面。如果CSS对整个网站(或所有共享相同母版页的网站)都是通用的,则将其放入母版页。如果CSS文件是特定于页面的,并且您无法将其放在母版页中,因为它与其他特定页面冲突,请将其放在页面中(在头部ContentSection中)。

答案 2 :(得分:0)

我建议使用母版页来控制网站的总体布局,这样您就不必在每个页面上重复布局。您不需要在CSS文件中执行任何特殊操作来考虑母版页,但是您应该在母版页的标题中添加指向CSS文件的链接,因此它将使用母版页传递到所有页面页。

主页标题:

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