目录
字体样式
![](https://i-blog.csdnimg.cn/direct/f45af05a691a4c7bacbf67953cf37830.png)
字体类型
p{font-family:Verdana,"楷体";}
body{font-family:Times,"TimesNew Roman", "楷体";}
![](https://i-blog.csdnimg.cn/direct/a4867bcaa1e247878d5d0c8756bce761.png)
字体大小
font-size属性:
单位:
px(像素)推荐使用
em、rem、cm、mm、pt、pc
eg:h1{font-size:24px;}
字体风格
font-style属性: normal、italic和oblique【斜体】
![](https://i-blog.csdnimg.cn/direct/a7f1d3ebe5f64840ba210e4cfbe1a37d.png)
字体的粗细
![](https://i-blog.csdnimg.cn/direct/f4705422766749f6822785a2500b1460.png)
font属性的顺序:字体风格→字体粗细→字体大小→字体类型
p span{font:oblique bold 12px "楷体";}
文本样式
![](https://i-blog.csdnimg.cn/direct/60fbee3a391d43ffa02b253f71c35f86.png)
文本颜色
color属性:
- REB:
- ·十六进制方法表示颜色:前两位表示红色分量,中间两位表示绿色分量,最后两位表示蓝色分量· rgb(r,g,b) : 正整数的取值为0~255
RGBA:
**·**在RGB基础上增加了控制alpha透明度的参数,其中这个透明通道值为0~1
eg:
color:****#A983D8;
color:****#EEFF66;
color:rgb**(0,255,255);**
color:rgba**(0,0,255,0.5);**
排版文本段落
水平对齐方式:text-align属性
首行缩进:text-indent:em或px
行高:line-height:px
文本修饰和垂直对齐
文本装饰 :text-decoration属性
垂直对齐方式:vertical-align属性:middle、top、bottom
![](https://i-blog.csdnimg.cn/direct/8142eca2e7124e7694b1056a9b02c615.png)
文本阴影
![](https://i-blog.csdnimg.cn/direct/70d726900fd74e599529719e367daebc.png)
text-shadow : color x-offset y-offset blur-radius;
浏览器兼容性
![](https://i-blog.csdnimg.cn/direct/1745fb791c8641c38e8598ab475e5e18.png)