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

使用 UltraEdit 的内置 CSS 样式生成器创建 CSS 样式表

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

使用UltraEdit可以进行简单的HTML语言编写工作。在编写HTML内容时,CSS样式表是不可或缺的文件。CSS是一种用来表现HTML文件样式的计算机语言,能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。


图1:UE软件主界面

在UE文本编辑器中,自带了一个CSS样式生成器,可以很方便地进行CSS文件生成。在工具栏编码中选择“样式生成器”即可打开。


图2:样式构建器界面

CSS 样式生成器根据属性分为三个部分;背景、字体/文本和边缘/位置。根据需要可以在这三个标签中进行切换。

需要注意的是,右下方“展开”设置可以自行进行选择。如果选择不展开,则可以节省代码行数,但是不方便阅读;反之则会方便阅读,但是代码行数将增加较多。

背景


图3:背景设置

在背景设置中,可以根据需要选择相应的网页背景颜色,或是在背景中插入自定义的图片。根据需要,还可以自行更改图片的平铺、滚动以及位置情况。

字体/文本


图4:字体设置

在字体设置中,可以在系统字体中进行选择,并应用到网页当中,还可以根据需求修改字体颜色、字体样式、字体大小、字体变量、字体粗细和字体拉伸等细节内容。除此之外,还可以选择文本缩进和文本对齐等。

边缘/位置


图5:边缘/位置设置

在边缘/位置设置中,可以对页边距、页面填充、网页位置和分页符进行详细设置。Z-属性允许您指定元素在页面上的"分层"位置;换句话说,如果 CSS 定位的两个元素重叠,则具有较大Z索引样式的元素将位于另一个元素的顶部。

还可以在"位置"选项下设置 CSS 样式的宽度和高度。宽度和高度只能用于块级元素,而不能用于内联元素,如 <span>。最后,您可以在此对话框的底部为样式设置分页符。这些用于打印,而不会影响文档的浏览器显示。

以上就是使用UE文本编辑器进行CSS样式生成的方法了,想要了解更多这款软件的使用技巧,还可以访问城东书院网站。

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