vc++.net一个令人耳目一新的特性就是基于动态html的web对话框，它使得桌面程序界面和功能变得更容易实现。这里将对web对话框中html元素的css属性控制作探讨。

　　一、在html编辑器中设置元素的css属性

　　css最早出现于1996年，全称为：层叠样式表(cascading stylesheets)。由于它在字体、样式、风格等方面的突出表现使它迅速在网页制作中流行起来。它可以精确控制页面文字效果，最重要的是很多浏览器和平台都支持它，而且编码简短，页面下载快。

　　在vc++.net的html编辑器中，可以方便为某个html元素设置css样式，具体操作如下：

　　(1) 先选定某个html元素，打开其属性(properties)窗口，找到其style项，如图1所示。

 

 

　　(2) 单击该项右边的browse(...)按钮，弹出图2的style builder对话框，分别可以对字体(font)、背景(background)、文本(text)、定位(position)、布局(layout)、边框(edges)、列表(lists)以及其他外观属性进行设置。

 

 (www.iocblog.net 文章来源)

　　使用style builder对话框的最大优点就是在于不需要知道css的语法结构就可以调整html元素的css样式。限于篇幅，这里仅对最常用的字体、背景和文本属性进行阐述。

　　1、字体属性

　　style builder对话框的font页面提供如下几个字体属性：

　　(1) 字样名(fong name)

　　字样名可以使用family和system font选项，选中family项可单击右边的browse(...)按钮来添加一个新的字体，而选中system font，则可在右侧的组合框中选择其中的某项，具体各项含义如下：

　　window caption : 使用窗口标题的文本字体

　　toolwindow caption : 使用工具窗口标题的文本字体

　　dialog text : 使用对话框中的文本字体

　　icon labels : 使用工具窗口标题的文本字体

　　menu text : 使用菜单文本的字体

　　tooltip text : 使用提示文本的字体

　　(2) 字体特性(font attributes)

　　字体特性包括颜色(color)、斜体(italics)和小型大写字母(small caps)等，其中，颜色特性最为丰富，不仅可以通过组合框选择aqua(浅绿色)、black(黑色)、blue(蓝色)、fuchsia(紫红色)、gray(灰色)、green(绿色)、lime(酸橙色)、maroon(栗色)、navy(海蓝色)、olive(橄榄色)、purple(紫色)、red(红色)、silver(银灰色)、teal(茶色)、white(白色)和yellow(黄色)中的任意一种颜色，而且可以单击右边的browse(...)按钮来添加一个新的颜色，图3就是其中的颜色对话框，它有web调色板(web palette)、已命名的颜色(named colors)、系统颜色(system colors)和自定义颜色(custom color)等页面。

　(3) 大小(Size)

　　设置HTML元素的字体尺寸，默认值为Absolute的Medium值。它有三个选项：

　　Specific : 直接指定字体尺寸，它取决于单位和相应的数值。它的单位有：

　　　px —— 像素(Pixel)，相对单位。WONDOWS的用户所使用的分辨率一般是96像素/英寸。

　　　pt —— 点（Point），绝对单位。

　　　pc —— 派卡(Pica)，绝对单位。相当于我国新四号铅字的尺寸。

　　　mm、cm、in —— 毫米、厘米、英寸。

　　　em —— 相对单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

　　　ex —— 相对单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

　　　% —— 相对单位。相对于当前对象内文本的字体尺寸的百分比。

　　上述单位之间的部分换算关系为：1 in = 2.54 cm = 25.4 mm = 72 pt = 6 pc 。

　　　Absolute : 根据对象字体进行大小调节，它有这样几个选项：XX-Small(最小)、X-Small(较小)、Small(小)、Medium(中)、Large(大)、X-Large(较大)、XX-Large(最大)。

　　　Relative : 相对于父对像中字体尺寸进行相对调节。使用成比例的em单位计算。它有这样两个选项：Larger(较大)、Smaller(较小)。

[1] [2] 下一页

Tag: HTML元素