前端css基础知识点之text&font——字体
- 设置文字颜色
color: red;
- 字颜色方式
| 字颜色方式 |
|---|
| 颜色单词 red yellow blue … |
| rgb(0255,0255,0~255) |
| 十六进制 #ff0000 #00ff00 #ffffff #000000 #f00 #0f0 #fff #000 #aa7712 |
- 文字水平对齐方式
text-align:left或center或right
- 文本的装饰效果
text-decoration:underline下划线 overline 上划线 line-through 中划线 none没有 默认值
- 文本首行缩进
text-indent: 2em;
/*em是相对单位 相对于当前元素的font-size*/
- 字号
font-size: 20px;
- 文本粗细
font-weight: 400;
- 字体样式
font-style: italic;
/* normal 显示正常 italic文本显示斜体*/
font-family: "Microsoft YaHei", "宋体";
/* 设置字体 假如字体名称含有空格 必须用引号印引起来*/
- 行高
line-height: 20px;
- font字体简写属性
font: italic 400 20px/20px "Microsoft YaHei", "宋体";
/*字号和字体同时具有 才可以简写*/