文本

文本元素是在整个站点中添加文本的主要构建块,所以让我们开始学习这个重要的元素!

  1. 文本设置
  2. 文本设计
  3. 定制
  4. 演示
  5. 总结

文本元素是一种将文本和段落添加到构建器中的方法。

文本设置

文本设置控件组包含文本元素的初始设置。

文本设置
  • 文本:使用此选项添加文本。单击输入框会显示一个简单的编辑器,如果您喜欢自定义编码,您可以在其中添加文本或使用HTML代码添加更详细的标记。
  • 宽度和最大宽度:使用此选项设置段落的宽度和最大宽度。“宽度”选项是严格的,但“最大宽度”选项可以缩小,但不会超过您在那里设置的值。
  • 文本列:如果希望将段落划分为列,则启用此选项。将显示一个新的控制组,以微调列的详细信息。
  • 背景:使用此选项可设置段落的背景颜色。

文本列设置

如果您启用文本列选项中的文本设置对照组文本列设置控制组将显示,您可以微调文本列。

文本列
  • 内容打破:使用此选项可决定浏览器是否在空间不足时自动中断段落或避免这样做。
    • 宽度和最大宽度:使用此选项设置列的宽度和最大宽度。“宽度”选项是严格的,但“最大宽度”选项可以缩小,但不会超过您在那里设置的值。
  • 规则样式和宽度:使用此选项可添加一条垂直线分隔列。您可以设置行的样式为没有一个固体虚线插图,或一开始就.您还可以使用Width选项设置线条的粗细。**规则的颜色:使用此选项可设置列之间垂直分隔线的颜色。
文本列分隔符

文本设计

“文本设计”设置包含用于微调文本设计和样式的控制组。

保证金

使用此选项可设置文本的边距。您可以更改文本所有侧面的设置,也可以单独修改它们。

文本保证金

填充

使用此选项可设置文本的填充。您可以更改文本所有侧面的设置,也可以单独修改它们。

文本填充

边境

使用此选项可设置文本的边框。您可以设置风格宽度而且颜色边境线的所有边或每边的边境线。

文本的边界

边界半径

使用此选项可设置文本的边框半径。你可以在所有边都设置曲线,也可以单独设置。

文本边框半径

盒阴影

可以使用框阴影控制组在文本上设置阴影。

文本框阴影
  • x-使用此选项设置文本中阴影的X偏移量。
  • y-使用此选项设置文本中阴影的Y偏移量。
  • 模糊-使用此选项设置文本中的模糊效果的强度。
  • 传播和定位-使用此选项设置项目部分阴影的扩散量,并决定您希望阴影位于文本内部还是外部。
  • 颜色-使用此选项设置文本阴影的颜色。

文本格式

您可以使用此控制组来设置文本的格式。

文本格式
  • 字体—设置文本的字体。
  • 字体粗细-使用此选项设置字体的粗细。这些值可能会根据所选字体以及所选字体是否支持权重而有所不同。
  • 字体大小—设置字体大小。
  • 字符间距—设置字母间距。
  • 行高-使用此选项设置每行之间的间距。
  • 字体样式-使用此选项决定是否要有一个正常的斜体风格。
  • 文本对齐-使用此选项设置文本的对齐方式。可能的值是中心正确的,证明
  • 文本装饰—强制下划线linethrough风格。
  • 文本转换—使用该选项设置文本的大小写。可用的选项有大写字母驼峰式大小写,小写字母
  • 文本颜色-使用此选项设置文本的颜色。

文本的影子

文本阴影控制组包含为文本设置文本阴影的设置。

文本的影子
  • x-使用此选项设置文本阴影的X偏移量。
  • y-使用此选项设置文本阴影的Y偏移量。
  • 模糊-使用此选项设置文本阴影中模糊效果的强度。
  • 颜色-使用此选项设置文本阴影的颜色。

定制

自定义窗格由各种功能组成,允许您进一步控制元素的样式和功能:

  • ID - - - - - -在元素上设置HTML ID。
  • - - - - - -在元素上设置HTML类。
  • 元素的CSS - - - - - -使用此特性可以增加对Element的风格控制,特别是对嵌套标记的控制。点击在这里有关此特性的详细信息,如使用el美元来动态地定位基本标签,等等。
  • 在断点期间隐藏 - - - - - -当需要改变设计时,以不同的屏幕尺寸隐藏元素。点击在这里获取更多信息。
  • 条件 - - - - - -当满足某些条件时,从页面中添加/删除元素。如果设置了特色图像…).点击在这里获取更多信息。
  • 自定义属性 - - - - - -使用此选项将自定义HTML属性添加到元素的根标记(例如:data-info = " 123 ").这在与各种脚本和库集成时尤其有用。

演示

要查看文本元素的现场演示,请单击在这里

总结

让我们回顾一下。我们已经讨论了如何添加文本元素。然后我们已经通过设置,设计和自定义设置,使它看起来只是你想要的方式。

看到不准确的东西了吗?让我们知道

Baidu
map