CSS3

CSS3 知识量:11 - 43 - 138

5.1 CSS3文本简介><

CSS文本概述- 5.1.1 -

在页面中设置文本的样式是CSS的最基本功能之一。在早期的CSS版本中,就可以设置文本的字体、字号、颜色、样式、粗细、间距等。CSS3又增加了阴影、自动换行、溢出等高级属性。

CSS3文本功能上可以分为三大类:

  • 字体

  • 文本

  • 颜色

CSS字体类型- 5.1.2 -

CSS字体类型如下:

属性功能取值
font-family定义字体的类型
font-style定义字体的样式normal(默认)、italic(斜体)、oblique(倾斜)
font-weight定义字体的粗细normal(默认)、bold(粗体)、bolder(特粗)、lighter(细体);或设置数字(100~900)。
font-size-adjust定义是否强制对文本使用同一尺寸
font-stretch定义是否横向拉伸变形字体
font-variant定义字体大小写normal(默认)、small-caps(小型的大写字母)

此外,可以通过font这个复合属性同时设置多个值,语法如下:

font:font-style font-weight/line-height font-family;

CSS文本类型- 5.1.3 -

CSS文本类型如下:

属性 功能 取值
word-spacing 定义词与词的间距 normal(默认)、length(可以是负数)
letter-spacing 定义字符间距 normal(默认)、length(可以是负数)
vertical-align 定义文本的垂直对齐方式 baseline(默认)、sub(上标对齐)、super(下标对齐)、bottom(行框底部对齐)、text-bottom(行内文本底端对齐)、top(顶端对齐)、middle(居中对齐)、百分比数字、长度
text-decoration 定义文本的修饰线 none(默认)、underline(下划线)、overline(上划线)、line-through(删除线)、blink(闪烁线)
text-indent 定义文本首行缩进 length、百分比
text-align 定义文本水平对齐方式 left(左对齐)、center(居中对齐)、right(右对齐)、justify(两端对齐)
line-height 定义文本行高 normal(默认)、长度值、百分比值、数字
text-transform 定义文本大小写 none(默认)、uppercase(大写)、lowercase(小写)、capitalize(首字大写)
text-shadow 定义文本阴影效果
white-space 定义文字之间和文本之间的空白符间距 normal(默认,只保留一个空白)、nowrap(空白符合并、忽略换行符)、pre(空白符、换行符保留)、pre-wrap(空白符、换行符保留)、pre-line(空白符合并,换行符保留)
direction 控制文本流入的方向 ltr(默认)、trl(从右到左)、inherit(由继承获得)

CSS颜色属性- 5.1.4 -

文本的颜色属性color,主要用于设置文本的颜色。