04：文本 + 字体
一 文本样式
1）颜色 color
1 预定义颜色值 red blue pink等
2 十六进制 #fff000 #000000 [ 最常用 ]
3 rgb模式 rgb(255,0,0,0.1) 最后一个参数是透明度 [ 设置阴影时常用 ]
2）水平对齐
text-align: left center right; 默认值left
3）行高
line-height: 像素px 相对值em 百分比%
4）首行缩进
text-indent: 2em;
em 字符宽度的倍数 1em 就是一个字的宽度
5）文本装饰
text-decoration:; none //没有装饰 取消下划线 [默认值 常用] overline //上划线 underline //下划线 [常用] line-through //删除线
二 字体样式
1）字体大小
font-size:16px; //字体大小 一般用px做单位
谷歌Chrome 和 火狐 默认字体大小是16px。
一般我们给body设置整个页面的字体大小
2）字体粗细
normal 不加粗 [默认值]
bold 加粗
100-900 400等同于normal 700等同于bold
3）字体样式
font-style: normal 正常显示取消斜体 默认值
font-style: italic; 显示斜体
4）字体选择
.box {
font-family: Arial,"Microsoft YaHei","微软雅黑","宋体";
}
1 可以指定多个字体，中间用逗号分割，如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的，如果都没有，则使用用户电脑默认的字体
2 中文字体需要加英文状态的引号，英文字体不用加引号，英文字体应该定义在中文字体前面
3 如果字体中包含空格、$、#等符号也应该用引号包含
4 尽量使用系统默认的字体，保证所有的用户都可以正常访问
5 英文字体不区分大小写
5）字体连写 [ 重点 ]
font: font-style font-weight font-size/line-height font-family;
1字体样式 2字体粗细 3字体大小 4选择字体
使用font属性，属性值的书写顺序不能改变
不用的属性可以省略，但是必须保留 font-size 和 font-family 否则font属性不起作用
6）使用Unicode字体
为什么要使用UNcode字体？
. 在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。 . xp 系统不支持 类似微软雅黑的中文。
解决方案
. 直接用英文来代替 font-family: "Microsoft YaHei";
. 使用Unicode字体来代替中文 font-family: "\5B8B\4F53";
| 字体名称 | 英文名称 | Unicode 编码 |
|---|---|---|
| 宋体 | SimSun | \5B8B\4F53 |
| 新宋体 | NSimSun | \65B0\5B8B\4F53 |
| 黑体 | SimHei | \9ED1\4F53 |
| 微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 |
| 楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 |
| 隶书 | LiSu | \96B6\4E66 |
| 幼园 | YouYuan | \5E7C\5706 |
| 华文细黑 | STXihei | \534E\6587\7EC6\9ED1 |
| 细明体 | MingLiU | \7EC6\660E\4F53 |
| 新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 |
