ASPNET中的CSS主题和母版页.docx
《ASPNET中的CSS主题和母版页.docx》由会员分享,可在线阅读,更多相关《ASPNET中的CSS主题和母版页.docx(13页珍藏版)》请在冰豆网上搜索。
![ASPNET中的CSS主题和母版页.docx](https://file1.bdocx.com/fileroot1/2023-1/7/7dc5c45d-8c90-4f49-ab40-9a176686236f/7dc5c45d-8c90-4f49-ab40-9a176686236f1.gif)
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.