Go homepage(回首页)
Upload pictures (上传图片)
Write articles (发文字帖)

The author:(作者)qq
published in(发表于) 2014/7/9 1:36:30
asp.net2.0中为主题添加CSS样式

asp.net2.0中为主题添加CSS样式

为主题添加CSS样式

主题还可以包含级联样式表（.css文件）。将.css文件放在主题目录中时，样式表自动作为主题的一部分应用。.css样式在主题文件夹中主要用于设置页面和普通HTML控件的外观样式，例如，设置页面的背景颜色和普通文本的字体等。下面通过一个简单示例说明为主题添加CSS文件的方法。

示例

为主题添加CSS文件

本示例实现的内容包括为页面背景、页面中普通文字、超级链接文本以及HTML提交按钮创建样式，示例运行结果如图1所示。



图1为主题添加CSS文件示例图

页面中共有4处被设置了样式，即页面背景、页面中普通文字、超级链接文本以及HTML提交按钮。在主题文件夹mytheme中，创建的CSS文件myStyle.css的源代码如下：

body

{

background-color :Silver ;

}

A:visited

{

color :Blue ;

text-decoration :underLine;

background-position:center ;

}

A:hover

{

color:Red ;

text-decoration :none;

background-position:center;

vertical-align :middle ;

}

font

{

font-family :宋体;

font-size :12pt;

color:Black ;

}

INPUT

{

background-color:Transparent ;

}

注意：

① 主题中的CSS文件与普通的CSS文件没有任何区别，但主题中包含的CSS文件主要针对页面和普通的HTML控件进行设置。

② 主题中的CSS文件必须保存在主题文件夹中。

在Default.aspx页面中，应用主题中的CSS文件样式的源代码如下：

<%@ Page Language="C#" AutoEventWireup="True" CodeFile="Default.aspx.cs" Inherits="_Default" Theme ="mytheme" %>





















为主题添加CSS样式







明日科技