使用样式设置
任何样式都由样式设置组成,这些设置描述了用于导出文档的所有视觉细节。 通常,样式设置由简单的值组成——例如,为设置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 = 12pt
heading-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 | + , - |