CSS字体和文本样式
前端已经有好几年没有摸过了，都忘的差不多了，各种标签属性都不记得了，最近项目需求，我想快速的把这块东西捡起来，慢慢的搭建自己的知识库
文字样式属性
- 字体 :font-family
- 字体大小:font-size
- 颜色:font-color
- 加粗:font-weight
样式：font-style
font-family 字体属性：定义元素内文字以什么字体来显示
- 语法：
- font-family:[字体1][,字体2][,…]
- fony-family 属性值：具体字体名、字体集
字体集
- Serif
- Sans-serif
- Monospace
- Cursive
- Fantasy
font-size 字体大小：定义元素内文字大小
- 语法：font-size:绝对单位|相对单位
color 文字颜色 ：定义元素内文字颜色
- 语法：color：颜色名|十六进制|RGB
font-weight 文字粗细 ：为元素内文字设置粗细
- 语法：font-weight:normal|bold|bolder|lighter|100~900
- 说明：
- 默认值：normal
- 400等同于normal，而700等同于bold
font-style 文字样式：为元素内文字设置样式
- 语法：font-style:normal|italic|oblique
font-variant 字体变形：设置元素中文本为小型大写字母
- 语法：font-variant:normal|small-caps
CSS文字样式
text-align 设置元素内文本的水平对齐方式
- 语法：text-align:left|right|center|justify
- 注：该属性对块级元素设置有效
line-height 属性：设置元素中文本行高
- 语法：line-height:长度值|百分比
- 说明：一行文字的高度。行高指文本行的基线间的距离
文字基线
行高和行距
行框和行内框
vertical-align 属性：设置元素内容的垂直方式
- 语法 vertical-align：baseline|sub|super|top|text-top|middle|bottom|text-bottom 长度|百分比
| 值 | 描述 |
|---|---|
| baseline | 默认。元素放置在父元素的基线上。 |
| sub | 垂直对齐文本的下标。 |
| super | 垂直对齐文本的上标 |
| top | 把元素的顶端与行中最高元素的顶端对齐 |
| text-top | 把元素的顶端与父元素字体的顶端对齐 |
| middle | 把此元素放置在父元素的中部。 |
| bottom | 把元素的顶端与行中最低的元素的顶端对齐。 |
| text-bottom | 把元素的底端与父元素字体的底端对齐。 |
| length | |
| % | 使用 “line-height” 属性的百分比值来排列此元素。允许使用负值。 |
| inherit | 规定应该从父元素继承 vertical-align 属性的值。 |
单行文字垂直方向居中——使用line-height