知识大全 ASP.NET 2.0 Master Page主题以及皮肤的使用

Posted 外观

篇首语:知识就像内裤,看不见但很重要。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 ASP.NET 2.0 Master Page主题以及皮肤的使用相关的知识,希望对你有一定的参考价值。

ASP.NET 2.0 Master Page主题以及皮肤的使用  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

          Style Themes and Skinl         ASP Net 新应用样式

  ASP Net 包含大量用于定制外观的新特性 其中 服务器端控件提供Style对象模型 用于定制字体 边界 背景前景颜色 宽度 高度等等信息 同时 控件还支持使用CSS定制其外观 还可以把所有这些定制在一些skin文件里 并把这些描述控件外观的skin文件放置在theme文件夹中 反复使用

  l         为控件定制风格

  ü         为HTML控件定制外观

  CSS是一套统一的描述标记 这套标记是相对于HTML相对独立的 这套标记使用很多特殊的符号来定制一些自己的外观描述方式 比如 CSS可以方便的描述一个文字的大小 尺寸 宽度 高度 文字的前景演示背景颜色 以及控件的各种各样的属性 CSS是一套开放性国际标准 目前被各个浏览器广泛兼容 我们在 NET中可以方便的引入CSS为我们的控件定制外观

  ?         对于HTML控件 可以使用CSS来定制其外观 无论是客户端的HTML控件还是服务器端HTML控件 其定制方法都一样

  ?         CSS既可以直接定制每个控件的显示风格 也可以定制一种风格并命名为一个类 只需要指定一个控件的显示风格是该类即可

  ?         代码示例 通过CSS定制显示HTML控件

  一种方式 在控件定义过程中使用style定义 如下

  <button id= Button runat= server >Click me!</button>

  <input id= Text type= text value= One Two Three runat= server />

  <select id= Select runat= server >

  <option>Item </option>

  <option>Item </option>

  <option>Item </option>

  </select>

  <span >

  <input id= Radio type= radio name= Mode checked runat= server />Option <br>

  <input id= Radio type= radio name= Mode runat= server />Option <br>

  <input id= Radio type= radio name= Mode runat= server />Option

  </span>

  第二种方式是我们把CSS先提前定制出来 然后把控件指定他的style 如下定义 (放在<head></head>里面)

  <style>

   spanstyle  

  

  font: pt verdana;

  font weight: ;

  color:orange;

  

   buttonstyle

  

  font: pt verdana;

  background color:lightgreen;

  border color:black;

  width:

  

   inputstyle

  

  font: pt verdana;

  background color:yellow;

  border style:dashed;

  border color:red;

  width: ;

  

   selectstyle

  

  font: pt verdana;

  background color:lightblue;

  color:purple;

  

   radiostyle

  

  width: ;

  background color:red;

  zoom: %

  

  </style>

  然后我们在定义控件的时候 调用前面设计的类 调用方式如下

  <span id= Span class= spanstyle runat= server >

  <button id= Button class= buttonstyle runat= server >Click me!</button>

  <input id= Text type= text value= One Two Three class= inputstyle runat= server />

  <select id= Select class= selectstyle runat= server >

  <option>Item </option>

  <option>Item </option>

  <option>Item </option>

  </select>

  <input id= Radio type= radio name= Mode checked class= radiostyle runat= server />Option <br>

cha138/Article/program/net/201311/12099

相关参考

知识大全 ASP.NET中基类Page

ASP.NET中基类Page  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  加载对应Load事件

知识大全 ASP.NET中Page.Ispostback属性详解

ASP.NET中Page.Ispostback属性详解  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧

知识大全 ASP.NET入门教程 10.3.1 Page指令

ASP.NET入门教程10.3.1Page指令  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!&nb

知识大全 ASP.NET入门教程 2.2 Master和Content页面

ASP.NET入门教程2.2Master和Content页面  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看

知识大全 ASP.NET入门教程 2.2.1 创建Master页面[1]

ASP.NET入门教程2.2.1创建Master页面[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一

知识大全 ASP.NET入门教程 2.2.1 创建Master页面[2]

ASP.NET入门教程2.2.1创建Master页面[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一

知识大全 ASP.NET Web Page应用深入探讨

ASP.NETWebPage应用深入探讨  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  一服务器

知识大全 ASP.NET入门教程 2.3.1 多层次的Master页面[2]

ASP.NET入门教程2.3.1多层次的Master页面[2]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来

知识大全 ASP.NET入门教程 2.3.1 多层次的Master页面[1]

ASP.NET入门教程2.3.1多层次的Master页面[1]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来

知识大全 ASP.NET入门教程 2.3.1 多层次的Master页面[3]

ASP.NET入门教程2.3.1多层次的Master页面[3]  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来