ASP.NET入门教程 5.1.2 CSS 级联样式表[4]_IT百科

接下来可以将该样式表链接到Web页面并在页面中添加如下灰色部分代码

This is highlighted text </div>

This is also highlighted text </h >

<div><a href= default aspx >This is a sample link</a></div>

</form>

在查看这个页面时将看到如图所示的画面

CSS的局限性和使用服务器端代码设置样式

在使用CSS为站点设置样式时可以指定特定元素在页面上的外观这对于一个静态的HTML站点是可以的单对于服务器端元素这可能会有一些问题例如一个简单的ASP NET控件Panel 如果将一个Panel控件拖放到页面上添加一些文本并在两个不同的浏览器中查看这个页面（例如 Internet Explorer和一个比较老的或功能有限的浏览器如Links）在查看页面的源代码时会看到不同的结果下面是一些源代码示例

<asp:Panel ID= Panel runat= server Height= px Width= px >This text is contained within an ASP NET Panel control

</asp:Panel>

</form>

lishixinzhi/Article/program/net/201311/15349

1、Button1.Style.Add(HtmlTextWriterStyle.Color,"red")

2、Button1.Style.Add("color","red")

3、Button1.Attributes.Add("style","color:red")

<asp:Button ID="Button1" style="color:red"></asp:Button>是不管用的。

引用CSS样式的五种方式

一、使用STYLE属性

将STYLE属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值1性质(属性)2: 设定值2...}

例如：

这种用法的优点是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。

二、使用STYLE标签

将样式规则写在<STYLE>...</STYLE>标签之中。

<!--

样式规则表

-->

</STYLE>

例如：

<!--

BODY {

color: BLUE

background: #FFFFCC

font-size: 9pt}

TD, P {

COLOR: GREEN

font-size: 9pt}

-->

</STYLE>

通常是将整个的 <STYLE>...</STYLE>结构写在网页的<HEAD></HEAD>部份之中。

这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。

三、使用 LINK标签

将样式规则写在.css的样式档案中，再以<LINK>标签引入。

假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入

即可套用该样式档案中所制定好的样式了。通常是将LINK标签写在网页的<head></head>部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。

四、使用@import引入

跟LINK用法很像，但必放在<STYLE>...</STYLE>中。

<!--

@import url(引入的样式表的位址、路径与档名)

-->

</STYLE>

例如：

<!--

@import url(http://www.hanweb.com/images/css.css)

-->

</STYLE>

要注意的是，行末的分号是绝对不可少的！

五、使用<span></span>标记引入样式

http://hi.baidu.com/yimeng500/blog/item/abceb300877e1c87e850cde1.html

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11948258.html

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

发表评论

评论列表（0条）