前端学习：CSS核心属性--文本属性

CSS核心属性–文本属性

即对文本修饰的属性。

1.文本大小

文本大小，文本字体大小的属性。
属性：font-size

2.文本颜色

为文本打造一个绚丽多彩的效果，给其添加不一样的色彩。
属性：color
取值：

• 常见的颜色单词，如：red，blue等等 。
• 六位十六进制的颜色值（0-9 A-F）。

注意：常见开发过程中我们选择更精确的颜色，会考虑用辅助工具PS，去吸取图片颜色就是六位的十六进制颜色值。

3.文本字体属性

属性：font-family
取值：

• 如果是中文字体，不需要带引号。
• 如果是单个英文字体，需要带引号。
• 如果是多个英文组成一个字体的话，也需要带引号。
• 可以取值一个字体，也可以是多个字体，如果是多个字体的话多个值之间需要带逗号。

4.文本加粗属性

属性：font-weight
取值：

• 数值：100-900整百的数值。

100–细体
400–正常
700–加粗
900-更粗

注意：700和900的加粗效果是一样的，但是900更加具有强调性。

• 关键词：

lighter–细体–100
normal–正常–400
bold–加粗–700
bolder–更粗–900

5.文本斜体属性

属性：font-style
取值：
italic–倾斜
blique–斜体字
normal–正常字体

6.文本对齐方式

水平对齐的方式。
属性：text-align
取值：
left–左对齐（默认值）
right–右对齐
center–居中
justif–两端对齐（经常使用）

7.文本行间距属性

行高间距，即每一行文本和每一行文本之间的间距。
属性：line-height
取值：数值+px

• 单行文本line-height取值。

当等于高度–实现单行文本垂直居中。
当大于高度–实现文本贴下边显示。
当小于高度–实现文本贴上边显示。

8.文本修饰线

修饰线：下划线、中划线（删除线）、上划线、取消修饰线。
属性：text-decoration
取值：
underline–下划线（u）
line-through–中划线（s，del）
overline–上划线
none–取消

9.首行缩进

即只对第一行起效果。
属性：text-index
取值：2em
注意：取值能正，能负。

10.间距属性

• 字符间距–字间距。

属性：letter-spacing
应用：英文字母、便签字符、空格、汉字。

• 词间距–英文单词和英文单词之间的间距。

属性：word–spacing