在CSS中,字体样式主要包括以下属性:
1. `font-family`:设置文本的字体系列,可以指定一个字体名称列表,浏览器会按顺序尝试加载。
2. `font-size`:设置文本的字体尺寸,可以使用像素(px)、点(pt)、百分比(%)等单位。
3. `font-style`:设置文本的字体样式,可选值有`normal`(正常)、`italic`(斜体)、`oblique`(偏斜体)等。
4. `font-variant`:定义小型大写字母文本样式,可选值有`normal`(正常)、`small-caps`(小型大写字母)等。
5. `font-weight`:设置字体的粗细,可选值有`normal`(普通)、`bold`(加粗)、`bolder`(比父元素更粗)、`lighter`(比父元素更细)、数字(100-900,100的整数倍)。
6. `font-stretch`:用来将字体在水平方向上进行拉伸或压缩,让字体的字符更宽或更窄。
7. `text-transform`:设置文本的大小写转换,可选值有`none`(无转换)、`uppercase`(大写)、`lowercase`(小写)、`capitalize`(首字母大写)等。
8. `text-decoration`:设置或取消字体上的文本装饰,可选值有`none`(无装饰)、`underline`(下划线)、`overline`(上划线)、`line-through`(删除线)、`blink`(闪烁)等。
9. `letter-spacing`:设置字符间距,可以指定一个数值或者使用`normal`(正常)。
10. `word-spacing`:设置单词间距,可以指定一个数值或者使用`normal`(正常)。
11. `text-align`:设置文本的对齐方式,可选值有`left`(左对齐)、`right`(右对齐)、`center`(居中)、`justify`(两端对齐)等。
12. `vertical-align`:设置文本的垂直对齐方式,可选值有`baseline`(基线对齐)、`middle`(中间对齐)、`top`(顶部对齐)、`bottom`(底部对齐)等。
以上属性可以组合使用,以创建所需的文本样式效果。需要注意的是,不同的浏览器可能对某些属性的支持程度不同,因此在实际应用中可能需要进行兼容性测试和调整