用Visual Studio .NET开发样式表

利用HTML表格和无数字体标签来组织和修饰基于Web的内容的时代正在走向没落。近一段时期来，层叠样式表（cascading style sheet，CSS）正在填补这一角色。

如果使用得当的话，样式表是对开发人员工具箱的一个有力补充。当样式表保存在一个单独的文件里时，它们让你能够明确地将表示从Web页面上分离出来。Visual Studio .NET推动了CSS的开发，并有助于CSS元素的发展。

用Visual Studio .NET工作

在使用CSS的特性之前，你必须创建了一个CSS文件。这用Visual Studio .NET很容易就能够做到。

1. 在“解决方案浏览器（In Solution Explorer）”，选择“Web”工程。
2. 在“工程（Project）”菜单上，选择“添加新项目（Add New Item）”。“添加新项目”的对话框就会出现。
3. 选择左边窗口里的“Web工程（Web Project）”，再选择右边窗口里的“样式表（Style Sheet）”图标。
4. 在“名称（Name）”栏里为你的新样式表输入名称，然后选择“打开（Open）。新的CSS样式表就会出现供编辑。

现在样式表已经被包括在项目里，所以你就可以在里面定义CSS元素了。在CSS文件被打开的时候，Visual Studio .NET会用一个文本编辑器来处理它，所以你可以在样式表里输入添加定义；或者，你可以通过下面这几个步骤来使用Visual Studio .NET的“添加样式规则向导（Add Style Rule wizard）”：

1. 在“样式（Styles）”菜单里选择“添加样式规则（Add Style Rule）”。“添加样式规则”对话框就会出现。
2. 选择CSS样式选择器的类型。
3. 点击“OK”。新的样式选择器就被插入，后面接有花括号（{ }）。将光标放在花括号之间。
4. 在“样式”菜单上，选择“创建样式（Build Style）”。“样式创建器（Style Builder）”对话框就会出现。
5. 将CSS的属性:值（attribute:value）对加到样式定义里。“样式创建器”就会在你的样式的花括号（{ }）之间插入CSS的样式属性。

一旦CSS文件被创建，它就可以被用在Web页面上，这要通过使用下面的句法在Web页面的标题区提供一个链接来实现：

<link rel="stylesheet" type="text/css" href="sheet.css" />

此外，新的浏览器（第5版以及更高的版本）都支持下面的句法：

<style type="text/css">@import "sheet.css";</style>

现在，让我们来看一下在Visual Studio .NET里使用CSS的不同方面。