文字控制属性
1、字体大小
属性名:font-size
属性值:文字尺寸,PC端常用单位px(该属性必须有单位,否则属性不生效)
2、字体粗细
属性名:font-weight
属性值:
数字(开发使用)
|----|-----|
| 正常 | 400 |
| 加粗 | 700 |
关键字
|----|--------|
| 正常 | normal |
| 加粗 | bold |
注:标题标签字体默认加粗,可以设置不加粗
3、字体倾斜
作用:清除文字默认的倾斜效果
属性名:font-style
属性值:正常(不倾斜):normal
倾斜:italic


4、行高(上间距+文字高度+下间距)
作用:设置多行文本的间距
属性名:line-height
属性值:数字+px
数字(当前标签font-size属性值的倍数)


5、行高-垂直居中
技巧:行高属性值=盒子高度属性值
注:只有单行文字可以垂直居中


6、字体族
属性名:font-family
属性值:字体名


7、font复合属性
复合属性:属性的简写方式,一个属性对应多个值的写法,各个属性之间用空格隔开
font:是否倾斜 是否加粗 字号/行高 字体 (必须按顺序写)
注:字号和字体值必须书写,否则font属性不生效
a、所有属性都写


b、不写字体字号


8、文本缩进
属性名:text-indent
属性值:数字+px
数字+em(1em = 当前标签字号大小)


9、文本对齐
属性名:text-align
属性值:
| 属性值 | 效果 |
|---|---|
| left | 左对齐(默认效果) |
| center | 居中对齐(只居中文字内容) |
| right | 右对齐 |


10、修饰线
属性名:text-decoration
属性值:
| 属性值 | 效果 |
|---|---|
| none | 无 |
| underline | 下划线 |
| line-through | 删除线 |
| overline | 上划线 |


11、颜色
属性名:color
属性值:
| 颜色表示方式 | 属性值 | 说明 | 使用场景 |
|---|---|---|---|
| 颜色关键字 | 颜色英文单词 | red、green... | 学习测试 |
| rgb表示法 | rgb(r,g,b) | r,g,b表示红绿蓝三原色,取值:0-255 | 了解 |
| rgba表示法 | rgba(r,g,b,a) | a表示透明度,取值:0-1 | 开发使用,实现透明色 |
| 十六进制表示法 | #RRGGBB | #000000,#ffcc00,简写:#000,#fc0 | 开发使用 |

