《ASP.NET技术应用教程》第11章 对控件应用样式.pptVIP

第11章 对控件应用样式 本章主要内容 CSS 样式定义 创建外部 CSS 样式表 对服务器控件应用外部样式表中的样式 * * 11.1 使用CSS样式 级联式样式表 (CSS) 介绍 级联式样式表 (CSS) 包含应用于 HTML 文档中元素的样式定义。CSS 样式定义元素的显示方式以及在页中放置元素的位置。 CSS 样式可以通过内联方式放置在单个 HTML 元素内，也可以在 Web 页 HEAD 部分的 STYLE 块内加以分组，或从单独的 CSS 样式表文件中导入。 在 STYLE 块内定义 CSS 样式规则 每个 CSS 样式规则都有两个主要部分：选择器（如 H1）和声明（如 color:red）。声明包括属性 (color) 和属性的值 (red)，多个属性之间使用分号分隔。 例如一条说明“将 H1/H1 标记内包含的所有文本设置为居中，并采用红色字体颜色”的简单 CSS 样式规则可以写成： H1 {text-align:center; color:red;} 11.1 使用CSS样式 CSS 样式规则的优先级 CSS 样式规则从一定意义上讲是“级联”的，即全局样式规则会一直应用于 HTML 元素，直到有局部样式规则将其取代为止。一般而言，局部样式规则的优先级高于通用样式规则。在局部样式应用于 HTML 元素之后，全局样式规则中不与局部 CSS 样式规则冲突的部分继续应用于这些元素。 将 HTML 元素分配给 CSS 样式 CLASS 每当文本出现在分配给特定 CLASS 的 HTML 标记中时，就会自动应用 CSS 样式。在 STYLE 块中，CLASS 样式规则的选择器以一个句点开始。例如： .head2 {font-size:14pt; text-align:center; color:red; font-weight:bold; font-style:italic;} 若要以内联方式应用这种类型的样式，请向支持内联样式的标记添加 CLASS 属性： DIV CLASS=head2 11.2 对 HTML 控件应用样式 所有的ASP.NET HTML服务器控件都可以采用与标准 HTML 标记完全一样的方式接受样式。 CSS 还定义了一个类属性，该属性可设置为文档的 style.../style 节中包含的 CSS 样式定义。该类属性使您可以轻松地一次性定义样式并将它们应用于若干标记，而不必重新定义样式本身。 实例 聊天室 单击“发送消息”按钮时，执行Button1_Click事件处理程序 ： txtName.Text “:” /*创建一个新的字符串来存储消息*/ Microsoft.VisualBasic.vbTab _ txtMessage.Text Microsoft.VisualBasic.vbCrLf Application(ChatLog) String.Substring方法从指定的字符位置开始提取指定长度的字符串 If newmessage.Length 500 Then newmessage = newmessage.Substring(0, 499) End If /*从第一个字符（索引为0）开始提取499个字符 */ 11.3 应用外部 CSS 样式表 外部 CSS 样式表文档是只包含样式规则、以 .css 为扩展名的纯文本文件。语句 LINK REL=stylesheet Type=“text/css” HREF=“mystyles.css”表示将外部 CSS 样式表“mystyles.css”中的样式规则应用到该页。 外部 CSS 样式表中列出的样式规则的写法与在 STYLE 块中的写法一样，只是两边没有 STYLE /STYLE 标记： H1 { text-align:center; color:red; } .head2 { font-size:14pt; text-align:center; color:red; font-weight:bold; font-style:italic; } 一个外部 CSS 样式表可链接到许多页，从而在整个 Web 站点内应用一致的样式。CSS 样式表将格式设置规则与内容分开，从而大大方便了样式规则