04CSS文本样式
[目录]
一、字体样式
- font-family字体：字体名|字体集
- font-size文字大小：定义元素内文字大小
- 绝对单位
属性 |
值 |
|---|---|
| in | Inch、英寸；一英寸=2.54厘米 |
| cm | 厘米；1厘米=0.394英寸 |
| mm | 毫米；1毫米=0.1厘米 |
| pt | 磅，印刷的点数；72磅=1英寸 |
| pc | Pica/pc=12pt |
| 当不设置字体大小时，默认为浏览器默认值，浏览器一般默认字体大小16px |
- 相对单位
px,em,%
3. color文字颜色：定义元素内文字颜色
语法：color：颜色名/十六进制/RGB
4. font-weight文字粗细：为元素内文字设置粗细
语法：font-weight:normal/bold/lighter/100~900
默认值：normal 400等同于normal，而700等同于bold
5. font-style文字样式：为元素内文字设置样式
语法：font-style:normal/italic/oblique
6. font-variant字体变形：设置元素中文本为小型大写字母
语法：font-variant:normal/small-caps
7. font属性简写
font:font-style/font-variant/font-weight/font-size/line-height/font-family
值之间空格隔开，注意书写顺序，同时设置font-size和font-family属性才起作用
二、文本样式
- text-align：设置元素内文本的水平对齐方式
语法：text-align:left/night/center/justify(该属性对块级元素设置有效)
2. line-height属性：设置元素中文本行高
语法：line-height：长度值/百分比
3. vertical-align属性：设置元素内容的垂直方式
语法:vertical-align:baseline/sub/super/top/text-top/middle/bottom/text-bottom/长度/百分比
4. 文本样式属性
字体属性 |
说明 |
|---|---|
| word-spacing | 设置元素内单词之间间距 |
| letter-spacing | 设置元素内字母之间的间距 |
| text-transform | 设置元素内文本的大小写capitalize/uppercase/lowercase/none |
| text-decoration | 设置元素内文本的装饰underline/overline/line-through/ |
