UltraEdit

UltraEdit中文网 > 使用技巧 > 使用 UltraEdit 的内置 CSS 样式生成器创建 CSS 样式表

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

发布时间:2020/12/04

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

图1:UE软件主界面

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

图2:样式构建器界面

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

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

  1. 背景
图3:背景设置

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

  1. 字体/文本
图4:字体设置

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

  1. 边缘/位置
图5:边缘/位置设置

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

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

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

作者:Noel

标签:css样式表文本编辑器

读者也访问过这里:
UltraEdit 中文网站
功能强大的文本编辑器
立即购买
QQ 群
官方交流群: 立即加群
400-8765-888 kefu@makeding.com
热门文章
UltraEdit文本编辑器的安装激活与换机教程
UltraEdit是深受编程人士喜爱的代码编辑器之一,简洁干净的工作界面,标配的语法高亮功能,代码折叠等高效编程功能,并且,还支持HTML、PHP和JavaScript等语法,让代码编辑、文档内容处理更加方便。
2021-04-16
UltraEdit入门基础
UltraEdit是一款功能强大的、多平台的文本编辑器,也是多种程序语言的程序编辑器。UltraEdit界面简洁易用(界面与Word相似),图形化的工具栏有助于使用者迅速找到所需的工具。此外,UltraEdit可以处理复杂的软件开发项目,它的灵活性及易于自定义,非常适合程序开发人员和公司企业应用。
2020-12-29
UltraEdit使用技巧之自定义用户界面
UltraEdit在默认的情况下,使用的是Ribbon功能区的页面布局模式。其特点是顶部菜单栏中的选项会以水平的方式,平铺展开在顶部菜单栏中。但对于比较习惯使用工具栏式(竖向菜单)布局模式的用户来说,使用起来会显得不够便捷。那么,是否可以更改UltraEdit的默认布局模式呢?答案是肯定的,除了总体的布局模式外,用户还可以对工具栏、主题等进行更改。
2020-09-18
巧用UltraEdit查找功能实现批量查找(上)
UltraEdit作为一款专业、使用便捷的代码编辑器,提供了多项便于编码人员操作的功能。而其中的查找功能,能帮助用户快速、批量地找到对应的关键词进行编辑处理。其查找功能中,包含了文本查找以及文件查找功能。
2020-09-18
如何在UltraCompare比较模式下编辑文本
虽然UltraCompare提供了方便快捷的自动同步功能,可供用户快速合并文件之间的差异,但对于一些需要谨慎处理的差异,比如一些重要的数据差异等,直接使用自动同步的方式,可能不够严谨。为了更好地处理一些重要的数据差异,用户可以使用UltraCompare文本编辑功能,手动合并差异点,以达到文件同步的效果。
2020-09-18
巧用UltraEdit查找功能实现批量查找(下)
在上一节《巧用UltraEdit查找功能实现批量查找(上)》中,小编已经详细介绍了UltraEdit(Windows系统)查找功能中的文本查找。在本文中,小编将会继续介绍查找功能中的文件查找。
2020-09-18