ASP.NET入门教程 5.1.2 CSS 级联样式表[1]

样式表的概念从出现至今已有数年的时间（它最初是由WC在年月作为一个建议提出来的）每个设计得很优秀的站点都包含有一个定义明确的css样式表这个样式表为站点定义了一个特定的外观使用样式表开发人员可以定义页面上每种类型的元素应怎样显示同时还可以为特定的样式创建定义并将其应用于页面上的相关元素例如可以指定每个<div>标记的实例都应包含藏青色的文本或者也可以定义一个名为HighlightedText的样式类（（class）然后将其应用于页面上的所有<div>标记以及类似的元素下面是一个样式表的一部分代码其中分别定义了这两种样式

div

{

fontfamily: Trebuchet MS;

color: Navy;

}

HighlightedText

{

fontfamily: Trebuchet MS;

color: Navy;

}

注意这两者之间的惟一差别是HighlightedText类的前面有一个点号这个类名是用户自定义的点号表示可以将这个区域作为一个类应用于任意元素而不用为某种特定类型的元素定义默认样式

为了将样式用于元素并不需要对元素本身进行任何修改只要页面知道在什么地方能够找到样式信息样式就可以自动地得以应用（稍后将讨论怎样定位样式信息）然而为元素指定某个特定的自定义类样式时可以使用Class属性例如

<div class=HighlightedText>This is highlighted text</div>

<h class=HighlightedText>This is also highlighted text</h>

虽然在本书中看不到文本的颜色但是可以看到在前面的样式类定义的字体样式己经应用于这两个元素

当然如果亲自进行这个练习将看到字体呈藏青色

样式的语法

样式定义包含在花括号之间开括号的位置可以紧跟在元素或类名的后面也可以另起一行例如div样式可以重写为如下形式

div

{

fontfamily: Trebuchet MS;

color: Navy;

}

可以任意选择自己喜欢的样式──就作者个人而言我喜欢将所有的括号放在一条垂直线上对齐

ASPNET 入门教程完整版

[] [] [] [] []