1.字体系列font-family
CSS使用font-family属性定义文本的字体系列
p {
font-family: "微软雅黑";
}多字体选择
p {
font-family: 'Microsoft YaHei',Arial, Helvetica, sans-serif;
}- 各种字体之间必须使用英文状态下的逗号隔开
- 一般情况下，如果有空格隔开的多个单词组成的字体，加引号，单引号或者双引号都可以。
- 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示
- 最常见几个字体：
Microsoft YaHei,tahoma,arial,Hiragino Sans GB;
2.字体大小
CSS使用font-size属性定义字体大小
p {
font-size: 20px;
}px（像素）大小是我们网页常用的单位- 谷歌浏览器默认的文字大小为
16px - 不同浏览器可以默认显示的字号大小不一致，我们尽量给一个明确值，不要默认大小
- 可以给
body指定整个页面文字的大小 - 标题标签比较特殊，需要单独指定文字大小
3.字体粗细
CSS使用font-weight属性设置文字粗细
| 属性 | 作用 |
|---|---|
| normal | 默认值（不加粗的） |
| bold/700 | 加粗 |
| bolder | 更粗 |
| lighter | 变浅 |
| 100-900 | 400等同normal,700等同bold,注意这个数字后面不跟单位 |
p {
/* font-weight: bold; bold等价于700*/
font-weight: 700;
}- 实际开发中提倡使用数字 表示加粗或者变细
- 标题标签比较特殊，若要变浅，需要单独指定文字变浅
3.4字体样式
CSS使用font-style属性设置文本的风格
p {
font-style: normal;
}| 属性值 | 作用 |
|---|---|
| normal | 默认值，浏览器会显示标准的字体样式font-style: normal |
| italic | 浏览器会显示斜体的字体样式 |
注意：平时我们很少给文字加斜体，反而给斜体标签（em，i）改为不倾斜字体。
3.5font复合属性写法
我们给字体增加各种样式的时候，会进行多行代码，非常浪费代码
"想要div文字变倾斜 加粗 字号设置为16px 并且是微软雅黑"
div {
font-style: italic;
font-weight: 700;
font-size: 16px;
font-family: 'Microsoft yahei';
}使用复合属性写法
div {
/*font: font-style font-weight font-size/font-height font-family;*/
italic 700 16px 'Microsoft yahei'
}总结
div {
font: font-style font-weight font-size/font-height font-family;
}- 使用font属性时，必须按上面语法格式中的顺序书写，
不能更换顺序，并且哥哥属性间以空格隔开 - 不需要设置的属性可以省略（取默认值），但
必须保留font-size和font-family属性，否则font复合属性将不起作用
字体CSS总结
| 属性 | 表示 | 注意点 |
|---|---|---|
| font-size | 字号 | 我们通常用的单位是px，一定要跟上单位 |
| font-family | 字体 | 实际工作中会统一用某种字体例：Microsoft YaHei |
| font-weight | 字体粗细 | 加粗就是700/bold，不加粗就是400/normal |
| font-style | 字体样式 | 倾斜：italic,不倾斜：normal |
| font | 字体连写 | 字体连写有顺序，不能随缘换位置，其中字号和字体必须同时出现 |
二.4.1文本颜色color
color属性用于定义文本的颜色。
div {
color: red;
}| 表示 | 属性值 |
|---|---|
| 预定义的颜色值 | red,green,blue,..... |
| 十六进制 | #FF0000,#FF6600,#29D794 |
| RGB代码 | rgb(255,0,0)或rgb(100%,0%,0%) |
4.2对齐文本text-align
text-align用于设置元素内文本的水平对齐方式。
h3 {
/* 本质上是让h3元素中的文字居中对齐 */
text-align: center;
}本质上是让h3元素中的文字居中对齐
| 属性值 | 解释 |
|---|---|
| left | 左对齐（默认值） |
| right | 右对齐 |
| center | 居中对齐 |
4.3文本装饰线text-decoration
text-decoration属性给文本装饰，可以给文本添加下划线，删除线，上划线等
div {
text-decoration: underline;
}| 属性值 | 描述 |
|---|---|
| none | 默认，没有装饰线（最常用） |
| underline | 下划线 a标签自带下划线（常用） |
| overline | 上划线（几乎不用） |
| line-through | 删除线（不常用） |
重点：然后添加下划线，如果删除下划线、
4.4文本缩进
text-indent属性用来指定文本的第一行的缩进，通常将段落的首行缩进
div {
text-indent: 10px;
}通过设置该属性，所有元素的第一行都可以缩进一个给定的长度，甚至该长度可以是负值（负值则文字向前突出）
p {
font-size: 24px;
text-indent: 2em;
}em是一个相对单位，就是当前元素(font-size)1个文字的大小，如果当前元素没有设置大小，则会按照父元素的1个文字大小
其中font-size等于24px，则首行缩进2em表示首行缩进48px
