ASPNET中的CSS主题和母版页.docx
《ASPNET中的CSS主题和母版页.docx》由会员分享，可在线阅读，更多相关《ASPNET中的CSS主题和母版页.docx（13页珍藏版）》请在冰豆网上搜索。
ASPNET中的CSS主题和母版页
主题和母版页（层叠样式表、主题）
整合网站的第一步是采用一组一致的可视化样式。
CSS为格式化Web页面提供了跨平台的解决方案，它可以和HTML或则XHTML一起工作并几乎被所有的现代浏览器支持。
创建CSS层叠样式表
使用CSS时，可以利用样式表定义一组预定义格式，然后通过CssClass属性把这些样式表链接到适当的控件。
样式表由规则组成，每个规则定义了Web页面中的一个元素应该如何被格式化。
每个规则的名字包含两部分：
1.点号前面表明规则要作用的HTML元素，点号前面什么都没有表示这个规则可作用于所有的HTML元素。
2.点号后面的部分是一个唯一的名称，叫做CSS类名，类名区分大小写。
.heading1
{
font-weight:
bold;
font-size:
large;
color:
Lime;
font-family:
Verdana,Arial,Sans-Serif;
}
还可以创建自动应用到HTML标签的规则，只要把标签名作为规则名即可：
h2
{
color:
Red;
}
这种自动的样式表看起来很有用，但它在ASP.NET里却不是那么方便。
通常你直接处理的是控件而不是独立的HTML标签。
有时候你总是不能确定将会用什么标签呈现某个控件，因此，最好通过类名显示指定规则。
如果你不喜欢手工书写CSS规则，VS允许使用设计器来构建。
只要添加一个规则的声明，在花括号中点击鼠标右键，选择创建样式即可。
一个典型的样式表会定义大量的规则，样式表常用于正式定义网站用户界面主要的格式，参考下面的样式表：
body
{
font-family:
Verdana,Arial,Sans-Serif;
font-size:
small;
}
.heading1
{
font-weight:
bold;
font-size:
large;
color:
Lime;
}
.heading2
{
font-weight:
bold;
font-size:
medium;
font-style:
italic;
color:
#C0BA72;
}
.blockText
{
padding:
10px;
background-color:
#FFFFD9;
border-style:
solid;
border-width:
thin;
}
VS中选择视图，其他窗口，文档大纲，可以清楚的罗列当前样式表中所有的规则，可以迅速定位到某一规则：
应用样式表
要在Web页面里使用某个规则，首先页面要链接到适当的样式表，可在
节中添加如下代码（可在VS中拖动样式表进入head）：
--对于普通控件应用样式,可设置CssClass属性.-->
LabelID="Label1"runat="server"Text="ThisLabelusestheheading1style."
CssClass="heading1">
Label>
--对于一段普通的HTML,要使用class特性-->
ThisparagraphusestheblockTextstyle.