携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第26天，点击查看活动详情
1、font-family
- 我们可以通过font-family指定标签中文字使用的字体。
p{
font-family:Arial;
}
-
上边这行代码指定了p标签中使用名为Arial作为字体，一般来说只有用户计算机中安装了我们指定的字体时，它才会显示，否则这行代码是没有意义的。
-
通过font-family可以同时指定多个字体。
p{
font-family:Arial,Helvetica,sans-serif;
}
- 如上我实际上指定了三种字体，那么到底使用的是哪个呢？浏览器会优先使用第一个，如果没有找到则使用第二个，以此类推。这里面sans-serif并不是指的具体某一个字体，是一类字体。方便我们在项目中使用
字体分类
- serif 表示对线字体
- sans-serif 表示非对线字体
- monospace 表示等宽字体
- cursive 表示草书字体
- fantasy 表示虚幻字体
以上这些分类都是一些大的分类，并没有涉及具体的类型，如果将字体指定为这些格式，浏览器会自己选择指定类型的字体。
2、font-style、font-weight
-
font-style用来指定文本的斜体。
- 指定斜体：font-style:italic;
- 指定非斜体：font-style:normal;
-
font-weight用来指定文本的粗体。
- 指定粗体：font-weight:bold;
- 指定非粗体：font-weight:norma;
3、font-variant
- font-variant属性可以将字母类型设置为小型大写。在该样式中，字母看起来像是稍微缩小了尺寸的大写字母。
- font-variant:small-caps;
4、font
- font可以一次性同时设置多个字体的样式。
语法： - font:加粗斜体小型大写大小/行高字体
这里前边几个加粗、斜体和小型大写的顺序无所谓，也可以不写，但是大小和字体必须写且必须写到后两个。
5、行间距
-
line-height用于设置行高，行高越大则行间距越大。
-
行间距 = line-height - font-Size
6、大写化
- text-transform样式用于将元素中的字母全都变成大小
- 大写：text-transform:uppercase
- 小写：text-tansform:lowercase
- 首字母大写：text-transform:capitalize
- 正常：teXt-transform:none
7、文本的修饰
-
text-decoration 属性，用来给文本添加各种修饰。通过它可以为文本的上方、下方或者中间添加线条。
-
可选值：
- underline
- overline
- line-through
- none
8、对齐文本
-
text-align.用于设置文本的对齐方式。
-
可选值：
- left:左对齐
- right:右对齐
- justify:两边对齐
- center:居中对齐
8、、首行缩进
text-indent用来设置首行缩进。该样式需要指定一个长度，并且只对第一行生效。
