|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
ASP.NET2.0中增添了内建的MasterPage的撑持,这对我们来讲是一个很年夜的便当。但是经由一段工夫的利用,我发明MasterPage并非那末完善:嵌套的MasterPage不克不及撑持计划时界面,和上面要提到的ContentPage中增添CSS的成绩。
一般,在没有2.0之前,我们在页面里要增添一个CSS援用的语法以下:
<linkrel="stylesheet"href="css/test.css"/>
底本是很寻常的做法。可是在一个MasterPage的子页面中,呈现了一个很为难的场合排场,就是:我们该把上述代码放到甚么地位?
由于MasterPage的详细内容页面中,只能界说一个个的<asp:Content/>标签的内容。我们依照一般的做法在aspx内里没法对页面的<header/>内容举行把持。而这个<link/>标签又必需放在<header/>内。我实验过在<asp:Content/>外部到场这行代码,可是会提醒堕落的。
同时,我们也没法在MasterPage的<header/>外部放好一个ContentPlaceHolder用于未来放进CSS的援用代码。
因而我的做法是界说了一个helper类以下:
staticpublicclassControlHelper
{
staticpublicvoidAddStyleSheet(Pagepage,stringcssPath)
{
HtmlLinklink=newHtmlLink();
link.Href=cssPath;
link.Attributes["rel"]="stylesheet";
link.Attributes["type"]="text/css";
page.Header.Controls.Add(link);
}
}
如许,在详细页面,我们就能够经由过程以下代码增加CSS援用:
protectedvoidPage_Load(objectsender,EventArgse)
{
ControlHelper.AddStyleSheet(this.Page,"css/projectPage.css");
}
而且,这个代码撑持在详细内容页面,大概一个嵌套的MasterPage中利用。
说到这里大概有人会问,为何要把CSS分隔成如许来加载呢?有需要吗?我把一切页面的CSS界说到几个大众CSS文件里岂不是很好?
实在,熟习web尺度的HTML制造的伴侣必定晓得,在对照完善的形态下,页面的html和用于体现的CSS应当完全分别。而我们基于web尺度的计划,一般是先做出一个MasterPage中各个框架div的定位代码,和header,footer部分的润色代码。这些是每一个内容页面都要用到的,会放在一个一致的CSS内里。其他的详细内容页面,每一个页面又会有各自分歧的内容的结构,润色款式,因而我把每一个详细页面特定的部分放在它本人的CSS里。如许就构成了一个依照MasterPage的完成条理(可嵌套),逐层兼并的CSS模子。其优点是完成了每一个CSS文件的职责分别,更简单了解和保护。</p>
CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。 |
|