5、其它字体属性
字体还有 font-weight（设置粗细的属性）、font-variant（设置小型大写字母的字体显示文本）如下示例：
font-weight 字体粗细：有normal、lighter、bold、数值三种，数值范围从 100 ~ 900 依次变粗，900 相当于 bold 。
文章插图
font-variant值有normal（标准字体显示）、small-caps（浏览器会显示小型大写字母的字体）、inherit（继承父元素的设置）
如下示例：
文章插图
font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小 。
css 文本样式【前端入门——css字体和文本】css 文本属性主要设置比如字符间隔，文本颜色、单词间隔、行高、文字修饰、对齐方式等效果 。
1、文字颜色 —— color
color 使用以“#”开头16进制的颜色代码或颜色关键词（如red、blue），如下示例：
文章插图
2、字符间隔 —— letter-spacing
设置字符水平间距，如下示例：
文章插图
3、单词间隔 —— word-spacing
设置单词之间的间距，如下示例：
文章插图
这里注意中文比较特殊，一个中文字不等同于英文的一个单词 。4、行高 —— line-height
设置字体行之间垂直间距，如下示例：
文章插图
5、文字修饰 —— text-decoration
可以设置文字下划线、删除线等样式，如下示例：
文章插图
还可以定义波浪线效果，如下示例：
文章插图
6、水平对齐 —— text-align
有三种水平方向的对齐方式，居左，居中、居右，如下示例：
文章插图
7、垂直对齐—— vertical-align
vertical-align 属性设置一个元素的垂直对齐方式 。
该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐 。允许指定负长度值和百分比值 。这会使元素降低而不是升高 。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式 。
如下示例，对齐图片：
文章插图
还有很多其它属性，在此不每个都介绍了，可参考如下：
文章插图
8、文字大小写转换—— text-transform
可用于所有字句变成大写或小写字母，或每个单词的首字母大写 。如下示例：
文章插图
9、文本缩进 —— text-indent
文本缩进属性是用来指定文本的第一行的缩进 。如下示例：
文章插图
文本缩进可以使用绝对值如：px、pt、cm等，也可以是相对单位 % 。且可以是负值，如果是负值，就相当于变成向左缩进了 。10、空白处理 —— white-space
white-space属性指定元素内的空白怎样处理 。如下示例：
文章插图
11、文字阴影 —— text-shadow
text-shadow 可以设置文字阴影效果，比如内阴影或外阴影，语法：
text-shadow: x坐标 y坐标 模糊大小 颜色;其中x/y 坐标相对于文本左上角的偏移量，如下示例：
文章插图
12、文本溢出 —— text-overflow
text-overflow 属性指定当文本溢出时包含它的元素应该如何显示 。可以设置文本被剪切、显示省略号 (...) 或显示自定义字符串（不是所有浏览器都支持） 。
推荐阅读
- 入门：Vue六大常用内置指令
- 说唱界常用术语之——Battle battle是什么意思
- 儿童学画画基础入门教程 画画入门教程
- 拓跋珪儿子?拓跋弘的儿子有哪些
- 龟息吸法初学入门方法 龟息法
- 麻将新手入门基本规则 怎么打麻将
- 新手入门来这里看看 刺绣教程
- 工人|内审干货——审计人员必须要看透的职场谎言，慎知慎行
- 三坊七巷之——二梅书屋 二梅书屋
- |2022年书画市场最具升值收藏价值艺术家——刘元阁