您当前的位置:首页 > 文本与office

巧用UltraEdit CSS样式生成器创建CSS样式表

时间:02-02来源:作者:点击数:

(Windows系统)内置了强大的CSS样式编辑器,可供用户自定义CSS样式表的样式。CSS样式表,也被称为级联样式表,用来表现HTML或XML等文件样式的计算机语言,可起到修饰网页、格式化网页元素等作用。

UltraEdit的CSS样式编辑器中提供了背景、字体、边距三个样式大类供用户自定义样式使用。接下来,我们一起来了解一下如何进行这三个样式大类的设置吧。


图1:UltraEdit样式编辑器

一、打开样式编辑器

首先,如图2所示,我们可以通过UltraEdit编码菜单中的“样式编辑器”选项,打开UltraEdit样式构建器(也就是样式编辑器)。


图2:打开书签列表

二、样式编辑

如图3所示,UltraEdit样式构建器的右侧包含了背景、字体、边距三个样式大类。用户在右边单击其中一个样式大类,左边的选项就会跟随改变。比如,小编选取了“背景”大类,那么左侧就会出现与背景相关的样式设置选项。

在“背景”大类中,用户可以指定背景的颜色、图像、平铺状态与位置。


图3:背景样式

接着,如图4所示,单击“字体/文本”大类,编辑器的左侧就会出现字体相关的设置选项,其中包含了字体系列、样式、大小、颜色等字体选项,另外也包含文本缩进、对齐等段落设置选项。


图4:字体/文本样式

最后,如图5所示,单击“边缘/位置”选项,编辑器左边就会出现页边距、位置、分页符等设置选项。


图5:边缘/位置

用户如果不清楚具体的选项设置标准,可以单击编辑右下角的“CSS2联机说明”按钮,打开CSS2样式的设置规范进一步查看。


图6:CSS2联机说明

如图7所示,在打开的CSS2样式设置规范网页中,用户可以找到详细的样式设置说明。


图7:CSS2规范

以上就是如何使用UltraEdit样式编辑器进行CSS样式设置的详细说明。用户通过设置网页的CSS样式,可获得更美观的网页呈现。城东书院网站中还有很多实用的UltraCompare功能分享,欢迎前往继续探索。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门