2.1 CSS 字体样式 和 文本样式
- 文字
颜色、字体大小、字体、加粗等
- 文本
行高、对齐方式、文本修饰
2.2 CSS文字样式
文字样式属性
- 字体：font-family
- 文字大小：font-size
- 文字颜色：font-color
- 文字粗细：font-weight
- 文字样式：font-style
font-family字体属性
语法：font=family:字体1,字体2
说明：
- 含空格字体名和中文，用英文引号("")括起来
- 多个字体，用英文","隔开
设置多个字体，使浏览器依次寻找字体进行使用，如果一个都没有就使用浏览器默认字体
这是考虑各种系统的兼容性
- 引号嵌套，外使用双引号，内使用单引号
font-family属性值：具体字体名，字体集(字体装饰效果)
字体集：
- Serif
- Sans-serif
- Monospace
- Cursive
- Fantasy
区别如下：
添加：
尽量使用常用字体集
font-size文字大小
语法：
font-size:绝对单位
font-size:相对单位
- px像素
- em /%
受显示器分辨率影响，手机端一般不使用
还有 em 和 % 属性，他们都是针对父元素的属性
效果就是下面最后一句
除此之外还有larger和smaller属性
标签字体大小的计算：
换言之，子标签不是继承父元素后再计算而是直接继承父元素的计算值
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
注意：italic是使用文字的斜体，oblique是让没有斜体属性的文字倾斜！
字体变形
使用 font-variant 字体变形
设置元素中英文文本变成缩小的大写字母
语法：font-variant:normal|small-caps
2.3 CSS文本样式
text-align对齐方式
设置元素内文本的水平对齐方式
语法：text-align: left| right| center| justify
只对块型元素有效，对行列标签<span>设置无效，对<img>无效，解决方式：外加块型元素 例如：用<div>标签包住元素
vertical-align垂直方式
设置元素内容的垂直方式
语法：vertical-align:baseline |sub |super |top |text-top|middle |bottom |text-bottom |长度 |百分比
对行列元素有效，例如<span>，同时可以对单元格进行对齐设置
效果:
多行文本居中
line-height文本行高
语法：line-height:长度值 | 百分比
设置值为px值时，行高和字体独立无关大小无关
设置值为em和%时，与字体大小有关系，例如本标签内字体大小为 30px，line-height="1.3em;"时，行高为 39px
如果行高小于字体大小，就会产生重叠效果
CSS文本样式属性
| 字体属性 | 说明 |
|---|---|
| word-spacing | 元素内单词（以空格为准）之间间距 |
| letter-spacing | 元素内字母（每个字符）之间间距 |
| text-transform | 文本的大小写 capitalize（首字母大写） | uppercase（大写） | lowercase（小写） | none |
| text-decoration | 文本的装饰 underline（下划线） | overline（上划线） | line-through（删除线） | blink（闪烁）| none |
大小写操作：
文本修饰操作：
此外，文本修饰还可以去除掉链接自带的下划线，使文本更加美观
以上就是字体样式和文本样式的基础知识
