CSS基础--单位和文本属性

css单位

1. 绝对单位 1in=2.54cm=25.4mm=72pt=6pc

+ in:英寸

+ cm:厘米

+ mm:毫米

+ pt: 英镑

+ pc: 皮卡

1. 相对单位

+ px:像素

+ rem:相对于根元素body的大小比例

+ em:印刷单位相对于12个点

+ %:百分比，相对于周围文字的大小

font 字体属性

1. 字体大小：font-size

2. 行高：line-height

3. 字体类型：font-family

4. 斜体：font-style:italic  --italic:斜体；normal:不倾斜

5. 粗体：font-weight

6. 小写变大写：font-variant:small-caps

7. font: 加粗 字号/行高 字体

• 行高，字号一般都是偶数

让单行文本垂直居中

1.一段文本只有一行，行高=盒子高

vertical-align="middle"属性

1.vertical-align="middle"--指定行级元素的垂直对齐方式

1. 用于行内元素，行内块元素，表格的单元格

文本属性

1. 单个字母之间的间距：letter-spacing

2. 单词之间的间距：word-spacing

3. 字体修饰：text-decoration none underline overline line-through

4. 字体颜色：color

5. 在当前容器的对齐方式：text-align:center  left right center

6. 单词字体大小写：text-transform uppercase(大写)lowercase(小写)capitalize(首字母大写)

7. 首行文本的缩进：text-indent

8. 文本阴影：text-shadow

9. 空白字符的处理方式：white-space normal nowrap pre pre-wrap pre-line

10.文本方向：direction:ltr(从左到右) rtl(从右到左)

1. 文本方向性：unicode-bidi：bidi-override direction:rtl ---两个一起用才有效果