如何在ASP.NET应用程序中使用CSS

首先,请平面设计师为您提供网站外观的草图：每个元素的位置(菜单,徽标,内容),每个元素的外观(如果需要,颜色？图片？),也许最重要的是,整个网站上的统一字体系列和颜色：可能有几种颜色,但超过三或四种变得太杂乱和嘈杂.

拥有草图,首先在页面中放置空占位符(或使用虚拟文本),然后为每个自己的类提供,稍后您将定义占位符中的内容的外观.
如果您确定其设计是唯一的并且不会被其他元素“共享”,您也可以稍后使用占位符元素的ID.

所有这一切的“核心”是通过定义合适的风格使一切看起来像在草图中.例如,如果您需要右侧的菜单,左侧是特定颜色和内容的链接,则HTML部分中所需的全部内容(在您的情况下为.aspx或.ascx)为：

<div id="MainContents">contents here</div>
<div id="MainMenu">menu links come here</div>
<div class="clear"></div>

然后在CSS文件中：

#MainContents { float: left; width: 700px; padding: 10px; }
#MainMenu { float: right; width: 300px; padding: 5px; }
#MainMenu a { color: #e01010; }
.clear { clear: both; }

使用float时,“clear”部分是必需的,只是一个带有clear的两个样式的空div.

这就是它,在一个非常简单的概述……如果你愿意,我会详细说明具体的部分.

关于ASP.NET控件,如果多个控件使用相同的CSS文件并且CSS文件不是所有页面的“全局”,则可以使用此类代码仅包含CSS文件一次：

if (!Page.ClientScript.IsClientScriptBlockRegistered(this.Page.GetType(),"MyCssFile"))
    Page.ClientScript.RegisterClientScriptBlock(this.Page.GetType(),"MyCssFile","<link href="MyCssFile.css" rel="stylesheet" type="text/css" />",false);

此代码放置在控件的Page_Load中,即使页面中有20个控件实例,也只包含一次CSS文件.