使用样式设置
任何样式都由样式设置组成,这些设置描述了用于导出文档的所有视觉细节。 通常,样式设置由简单的值组成——例如,为设置font-weight设置粗体值
inline-strong {font-weight: bold;}
类型
每个样式设置都有一个类型,该类型定义您可以使用的有效值。 设置参考中记录了每个设置的类型。 当前,存在以下类型:
| 类型名称 | 例子 | 描述 |
|---|---|---|
boolean |
YES, NO, true, false |
指示设置为true或false的布尔值。 允许的值是YES,NO和TRUE, FALSE的不区分大小写的变体。 而YES和true或NO和false则没有区别。 |
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,用作样式化heading1和heading2的基础值。
$base-size = 12ptheading-1 {font-size: $base-size * 2}heading-2 {font-size: $base-size * 0.5}
变量
变量名以美元符号“$$”开头,由任何字母数字字符和破折号组成。 它们是由赋值语句使用$variable-name = VALUE的形式声明的。 而变量值可以包含任意表达式和变量本身。 例如,您可以创建一个变量$heading-size,该变量是根据$base-size的值计算得出的:
$base-size = 12pt$heading-size = $base-size * 2
运算符
通常,任何表达式都可以包含将值和变量组合在一起的算术运算符(+,-,*,/)。 要对表达式进行分组,可以使用圆括号:
$some-variable = 4 * (5 / (2 + 3))
但是,并非每种类型都支持任何类型的运算符。 下表显示了所有可能的组合:
| 左操作数类型 | 右操作数类型 | 允许的运算 |
|---|---|---|
| Number | Number | +, -, *, / |
| Length | Number | *, / |
| Number | Length | * |
| Color | Number | *, / |
| Number | Color | * |
| Length | Length | +, - |
| Color | Color | +, - |
