ASP.NET入门教程 5.1.1 style属性[2]

请注意VWD是如何帮助您输入样式信息的

（）现在切换到Design View并观察这些格式化信息是如何应用到页面上的

（）注意属性窗口是如何显示style属性值的如果在属性值内的任意位置单击鼠标在属性值的后面将会出现椭圆按钮（…）单击该按钮将会看到如图所示的Style Buitder对话框

在为元素设置样式时这个对话框非常有用因为使用它可以不必记住每个样式的语法开发人员所需做的就是选择希望应用于元素的样式并单击OK即可我们将在另一个页面使用这个对话框设置样式

（）创建另一个aspx页面并将其命名为StyledPagelaspx在这个页面中需要添加一个<div>元素该元素内的文本是This is highlighted text以及一个标题（h）元素该元素内的文本是This is also highlighted text

（）使用Style Builder对话框将两个元素的字体设置为Trebuchet MS并将颜色设置为藏青色这个操作将在Source View中自动添加如下代码

<div style=fontfamily: Trebuchet MS;Color: Navy;>

This is highlighted text</div>

<h class=HighlightedText>

This is also highlighted text</h>

（）在浏览器中查看该页面以便浏览完成后的文档

操作回顾

现在这个页面可能还不是很令人满意但修改其外观并不需要占用很多时间接下来就可以把这项技术用于站点上的每个元素可以在一个站点中使用多种不同的样式属性附录E中列出了一些最常用的元素可以帮助开发人员为站点选择最喜欢的样式

在学习了如何为页面上的元素设置样式之后将样式表嵌入代码就不是什么复杂的问题了HTML元素的样式属性的语法和样式表中所使用的样式语法完全一样下一小节将学习如何使用样式表从而提高代码的可维护性

ASPNET 入门教程完整版

[] []