8.1 在ASP.NET中应用CSS样式
在Web程序开发中会使用到很多页面，每个页面的字体，颜色等大多数样式都是相同的，而且修改时，一般要求能够一次修改所有的通用样式，比如，网站采用11号字体，客户要求修改为12号字体，如果在程序结构中没有使用样式表，要修改，就必须将每个页面中的每个控件修改。但在使用了样式表的程序中，只修改一次样式表中的字号，所有引用这个样式表的页面和控件都将随之改变。另外，使用样式表也使程序结构清晰，项目简洁明了。
8.1.1 创建样式
在Web程序开发中样式表分为内联和外联式两种。内联式样式表只对当前的页面有效；外联式样式表对所有引用该样式表的文件都有效。
内联式样式表嵌入到页面当中，一般存储在页面的顶部，因为存储在顶部时可以在页面加载之前，首先加载样式表，这样对页面样式的解释才有效，但由于是内嵌式的，只能对单一页面有效，来看下面一段代码。
上面的代码中在页面的顶部嵌入了一段样式表，因为是嵌入到页面中的只对当前页面中的元素有效果，所以被称为嵌入式。代码执行效果如图8-1所示。
图8-1 嵌入式样式表效果
外联样式表是将样式表文件独立存储在单独的文件中，在要使用样式的页面中引入这些样式表的文件。首先在项目中添加一个样式文件（test.css），在样式表文件中写入以下代码。
在使用到样式的页面中引入此样式文件。
在要使用样式的元素中使用样式中的类。
具体显示效果如图8-2所示。
图8-2 外联样式表显示效果
在上面两种样式的演示中，从客户体验来看没有什么差别，但在使用的方式中存在本质差别。在两种样式表中，内联样式表适用于独立性比较强的页面，如登录界面或首页等；外联样式表适用于样式比较统一的内容页面，如列表页面或添加页面等。
8.1.2 应用样式
样式表在编辑后是要应用到界面中的，在样式的应用中分为两种模式。内联样式表直接写入界面中，外联样式表需要引入样式文件，但两种模式所产生的样式效果没有区别，可以通过直接编辑页面文件的方式引入样式表，也可以通过编译器引入样式表。下面是引入样式表后的代码。
上面代码为外联式样式表的引用方式，也可以通过编译器添加到页面中，方法是选择工具栏上面的视图按钮，然后选择管理样式，左侧显示管理样式窗口，在样式管理中可以添加或附加旧的样式表，界面如图8-3所示。
图8-3 样式表的引入