在众多学习中,文章也许不起眼,但是重要的下面我们就来讲解一下!!

应用样式到HTML服务器控件

WEB是一个灵活的用户接口环境,不同的站点在视觉和感觉上极尽变化之能事。层叠式样式表(CSS)的广泛应用,极大的丰富了WEB的设计。所有ASP.NET的HTML服务器控件和WEB服务器控件,已经被设计为能够提供一流的CSS样式支持。这一部分讨论如何应用样式到服务器控件,并且演示服务器控件在WEB FORMS中所提供的精细的外观控制。

应用样式到 HTML服务器控件

标准的HTML标签通过STYLE属性来支持CSS,STYLE属性由一系列成对出现的以分号分割的 属性/值 来定义。例如{font: 12pt verdana; font-weight:700;color:orange;}。关于IE浏览器对CSS属性支持的更多信息,请参考MSDN Web Workshop的 CSS Attributes Reference 页面。所有ASP.NET的 HTML服务器控件,都可以像标准HTML标志那样,接受CSS样式。下面的例子说明了把一些样式应用到不同的HTML服务器控件。如果你察看返回给客户端的源程序,你就会发现这些在控件中引用的样式送到了客户端。

CSS也定义了CLASS属性,通过在文档中包含来设置CSS样式 。这个属性的优点是仅需要定义一次,就可以应用到不同的标签上,而不需要重新定义标签本身的样式。HTML服务器控件的样式也可以用这种方式管理。请看下面的例子:

当ASP.NET页面被解析的时候,样式信息就被组装到了System.Web.UI.HtmlControls.HtmlControl 类上的STYLE属性上(类型是CssStyleCollection)。该属性建立一个字典,以字符串索引的集合中的值,填充应用控件样式的每一个样式属性值。例如,你可以使用下面的代码设置和取回HtmlInputText服务器控件的width样式属性值。

以下为引用的内容:

编程语言(programming language),是用来定义计算机程序的形式语言。它是一种被标准化的交流技巧,用来向计算机发出指令。一种计算机语言让程序员能够准确地定义计算机所需要使用的数据,并精确地定义在不同情况下所应当采取的行动。[1]

最早的编程语言是在电脑发明之后产生的,当时是用来控制提花织布机及自动演奏钢琴的动作。在电脑领域已发明了上千不同的编程语言,而且每年仍有新的编程语言诞生。很多编程语言

下面的这个例子,向你展示如何使用Style集合属性,通过程序来操纵HTML服务器控件的样式

应用样式到WEB服务器控件

WEB服务器控件对样式提供了额外的支持级别,即对于常用的样式设置,增加了几个强类型属性。常用的样式包括背景色、前景色、字体名称和大小、宽度、字体加重等等。这些样式属性作为HTML中可以使用的样式行为的子集,并且作为“平台”属性,在System.Web.UI.WebControls.WebControl基类中直接扩展。使用这些属性的好处在于,在开发工具,例如VS.NET中,他们提供了编译时类型检查和状态完成。

下面的例子显示了一个应用了若干样式的日历控件(作为对照,同时包含了一个没有使用样式的日历控件)。注意当你设置一个类类型的属性,例如Font,你需要使用子属性语法 属性名称-子属性名称。

名称空间System.Web.UI.WebControls包含Style基类,可以封装常用的样式属性(其他的样式类,例如TableStyle 和 TableItemStyle,都是从这个基类继承而来)。

许多服务器控件扩展了这个类型的属性,用来指定该控件分支元素的样式。例如,日历控件扩展了许多样式属性:DayStyle, WeekendDayStyle, TodayDayStyle, SelectedDayStyle, OtherMonthDayStyle, 和 NextPrevStyle等等。你可以使用子属性语法 属性名称-子属性名称来设置这些样式的分支属性,如下面的例子:

一个细微的差别语法,允许声明每一个Style 属性,作为子元素嵌套在web服务器控件标签中。

以下为引用的内容:

BackColor="olivedrab" Height="50px" />

下面的例子展示了交替显示语法,但是功能上与前一个一样。

如同处理HTML服务器控件一样,你可以使用CSS类定义来应用样式到WEB服务器控件。WebControl基类扩展了一个String属性,名叫CssClass,用来设置样式类:

如果设置到服务器控件的属性不符合该控件的任何强类型属性,那么这个属性和值就会被放到该控件的Attributes集合中。默认的情况下,服务器控件将会不加修改的引用这些属性返回到发出请求的浏览器客户端。这就意味着,样式和类的属性可以直接应用在服务器控件,而不使用这些控件的强类型属性。当然了,明白这个概念需要理解控件的实际引用,他同样是一个应用样式的灵活的方式。对于标准的表单输入控件,这个方法特别有用。请看下面的例子:

通过使用WebControl基类的ApplyStyle方法,WEB服务器控件的样式也能用程序来设置,就象下面这段代码:

以下为引用的内容:

Login:/

Password:

View: ...

本章小节:

1. ASP.NET的 HTML 服务器控件和 Web 服务器控件家族提供了一流的CSS样式支持。

2. 可以通过设置控件的样式或者类属性来应用样式。这些设置可以通过控件的Attributes集合用程序来访问。对于HTML服务器控件,样式属性的分支值可以通过控件的Style集合来获取。

3. 大多数常用的样式设置已经作为WEB服务器控件自身的强类型属性

4. System.Web.UI.WebControls 名称空间包含Style 基类,封装了常用的类型属性。许多Web 服务器控件扩展了这个属性,作为分支引用元素。

5. 对于服务器控件,使用 WebControl 基类的ApplyStyle方法可以用程序来设置样式。c语言程序设计

大家学到了多少?如果意犹未尽,可前往课课家官网直接查看,希望大家获益匪浅哦!!!

服务器控件 原生html,应用样式到HTML服务器控件相关推荐

  1. html js 设置样式,原生js设置样式 笔记:JS设置CSS样式的几种方式

    document(id名).style.backgroundColor = "ren" css里的属性有-的就去掉将首字母大写. js如何添加CSS样式中的class添加属性 用J ...

  2. 微信小程序轮播图指示点自定义(修改原生指示点样式)

    1.实现效果 2.实现原理 修改swpier原生指示点的样式. .wx-swiper-dots.wx-swiper-dots-horizontal .wx-swiper-dot .wx-swiper- ...

  3. 原生js修改html,原生JS设置样式并恢复默认样式

    HTML> javascript body{font-size:12px;} #txt{ height:400px; width:600px; border:#333 solid 1px; pa ...

  4. 原生JS添加样式 内联important

    1.直接设置style--无法设置important 单个设置:适用于IE系列,样式名需要小驼峰书写 element.style.backgroundColor = "#ccc" ...

  5. android ratingbar样式,怎样修改安卓原生ratingbar的样式

    安卓原生自带了评分控件,很多情况下我们需要进行个性化的修改,比如修改进度的颜色,安卓api21以上的可以通话一下属性修改: android:progressBackgroundTint="# ...

  6. 原生CSS input样式美化

    原生input框美化 input {outline-style: none;border: 1px solid #c0c4cc;border-radius: 5px;width: 100%;heigh ...

  7. Literal Web 服务器控件

    Literal 控件无需添加任何 HTML 元素即可将静态文本呈现在 Web 页上.可以通过服务器代码以编程方式静态控制文本. 注意   如果想显示静态文本,可以使用 HTML 呈现它:不需要 Lit ...

  8. WEB——服务器控件

    目录 一.标准服务器控件 1.Label 2.TextBox 3.Button族 4.HyperLink 5.ListBox 6.DropDownList 7.ImageMap 8.Table 9.F ...

  9. 只在必要时保存服务器控件视图状态

    自动视图状态管理是服务器控件的功能,该功能使服务器控件可以在往返过程上重新填充它们的属性值(您不需要编写任何代码).但是,因为服务器控件的视图状态在隐藏的窗体字段中往返于服务器,所以该功能确实会对性能 ...

最新文章

  1. 修改pom文件_SpringCloud微服务全家桶-第8篇,服务的配置文件更改
  2. 复习javascript中call,apply,bind的用法
  3. 完全卸载ORACLE9i
  4. 计算机主板4针风扇插座,电脑的散热风扇2针、3针、4针接口有什么不同吗?
  5. 3D姿态估计——ThreeDPose项目简单易用的模型解析
  6. 02_使用jq实现进入和离开动画
  7. 新iPhone将采用更大容量电池:最低3110mAh?
  8. 加载elementor时出现问题_element ui 按需引入出现问题
  9. 产生一定范围随机数的通用表达式
  10. Java:String和Date、Timestamp之间的转换
  11. Flutter的Chip标签组件
  12. 模型笔记1---3d max 导入obj模型设置
  13. 如何免费注册申请到【苹果开发者账号】
  14. 在经历了6个月的学习后,我终于上架了自己的第一款APP---酷课堂iOS群问答精华整理(201807...
  15. bzoj 4008 亚瑟王 - 动态规划 - 概率与期望
  16. mysql57免安装教程_mysql5.7免安装版配置教程
  17. CSS解决hover选择器生硬效果
  18. WS824分机号码设置
  19. java 复制excel_Java 复制Excel工作表
  20. 2020中兴开发岗笔试题

热门文章

  1. boost::metaparse::v1::impl::empty_string相关用法的测试程序
  2. boost::hana::greater_equal用法的测试程序
  3. boost::hana::monadic_compose用法的测试程序
  4. GDCM:gdcm::EncapsulatedDocument的测试程序
  5. GDCM:西门子CSA转DICOM文件的测试程序
  6. GDCM:gdcm::Object的测试程序
  7. VTK:结构化网格之BlankPoint
  8. OpenCV创建小部件Creating Widgets
  9. OpenCV加载Caffe框架模型
  10. QDoc特殊内容special content