CSS3 知识量:11 - 43 - 138
在页面中设置文本的样式是CSS的最基本功能之一。在早期的CSS版本中,就可以设置文本的字体、字号、颜色、样式、粗细、间距等。CSS3又增加了阴影、自动换行、溢出等高级属性。
CSS3文本功能上可以分为三大类:
字体
文本
颜色
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文本类型如下:
属性 | 功能 | 取值 |
---|---|---|
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(由继承获得) |
文本的颜色属性color,主要用于设置文本的颜色。
Copyright © 2017-Now pnotes.cn. All Rights Reserved.
编程学习笔记 保留所有权利
MARK:3.0.0.20240214.P35
From 2017.2.6