使用样式设置

任何样式都由样式设置组成,这些设置描述了用于导出文档的所有视觉细节。 通常,样式设置由简单的值组成——例如,为设置font-weight设置粗体值

  1. inline-strong {
  2. font-weight: bold;
  3. }

类型

每个样式设置都有一个类型,该类型定义您可以使用的有效值。 设置参考中记录了每个设置的类型。 当前,存在以下类型:

类型名称 例子 描述
boolean YES, NO, true, false 指示设置为true或false的布尔值。 允许的值是YESNOTRUE
FALSE的不区分大小写的变体。 而YEStrueNOfalse则没有区别。
number -3.141 十进制数。 负值或正值都是可能的。 小数点是可选的。
length 5pt
,
10cm
,
30%
,
4em
绝对

相对
长度值。 绝对值可以在
pt
,
mm
,
cm
,
in
中指定。相对值通常相对于当前字体大小。 可以在
em
,
en
,
ex
,
%
中指定。
string "Arial" 字符串值。 必须设置为引号。 可能还包含空格。 用于任何用户定义的字符串值(例如,字体名称或占位符字符串)。
symbol bold
,
italic
一个象征性的设置。 可能的值取决于具体的样式设置。
color #ff0000
,
rgb(255,0,0)
RGB颜色值。 可以指定为8位十六进制(
#ff0000
),也可以指定为介于0和255之间的三个十进制数字的序列(
rgb(255,0,42)
)。
array [5pt, 3pt, 2pt] 值数组。 通常,数组的元素也必须具有某种类型(例如,长度值或符号的数组)。

表达式

Ulysses样式表允许您使用更复杂的表达式,使用算术运算符(+-*/),甚至包含当前值的变量。 在下面的示例中,定义了变量$base-size,用作样式化heading1heading2的基础值。

  1. $base-size = 12pt
  2. heading-1 {
  3. font-size: $base-size * 2
  4. }
  5. heading-2 {
  6. font-size: $base-size * 0.5
  7. }

变量

变量名以美元符号“$$”开头,由任何字母数字字符和破折号组成。 它们是由赋值语句使用$variable-name = VALUE的形式声明的。 而变量值可以包含任意表达式和变量本身。 例如,您可以创建一个变量$heading-size,该变量是根据$base-size的值计算得出的:

  1. $base-size = 12pt
  2. $heading-size = $base-size * 2

运算符

通常,任何表达式都可以包含将值和变量组合在一起的算术运算符(+-*/)。 要对表达式进行分组,可以使用圆括号:

  1. $some-variable = 4 * (5 / (2 + 3))

但是,并非每种类型都支持任何类型的运算符。 下表显示了所有可能的组合:

左操作数类型 右操作数类型 允许的运算
Number Number +
,
-
,
*
,
/
Length Number *
,
/
Number Length *
Color Number *
,
/
Number Color *
Length Length +
,
-
Color Color +
,
-