CSS基础4——使用CSS格式化元素内容的文本

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

CSS的文本属性用于控制文本的段落格式，如设置首行缩进。段落对齐方式、字间距、行间距等。

1、设置 文本首行缩进 ：text-indent

可选属性值包含：长度 / 百分比

2、设置 文本对齐方式 ：text-align

可选属性包含：left / right / center，分别表示相左对齐。向右对齐，居中对齐

3、设置 文本修饰方式 ：text-decoration

可选属性包含：none / underline (下划线) / overline(上划线) / line-through(删除线) / blink(闪烁)

4、设置 文本阴影效果 ：text-shadow

可选属性值包含： none / color

5、设置行高：line-height

属性值能够是数字，长度，百分比或者normal

6、设置 字间距 ：letter-spacing

可选属性值包含： none / auto / 自己定义长度

7、设置 词间距 ：word-spacing

可选属性值包含： none / 自己定义长度

8、设置 文本大写和小写属性 ：text-transform

可选属性包含：capitalize 把每一个单词的首字母变成大写

uppercase 把元素中的全部的字母变成大写

lowercase 把元素中的全部字母变成小写

9、设置 空白显示形式 ：white-space

要输入空格的方式：一个是"&nbsp；"。还有一个是<pre>标记。

而CSS中white-space属性类似于pre

可选属性值包含：normal / pre / nowrap

10、设置 元素内容的字体颜色与背景

(1)设置元素的 前景色 ：color

取值：能够是16进制值、rgb()函数或者CSS承认的颜色名(如white)

(2)设置 背景色 ：background-color，取值同前景色

(3)设定 背景图片 ：background-image

取值是：图片的URL地址

(4)设置 背景图像的铺排 ：background-repeat

取值：repeat / no-repeat / repeat-x / repeat-y

(5)设置背景图像是岁对象内容滚动还是固定的：background-attachme

取值：sroll / fixed

(6)设置 背景图片显示的位置 ：background-position

取值：百分比。自己定义长度(如100px,100px) / top / center / bottom / left / right

11、设置 列表格式 ：list-style-type

属性取值：disc 默认值。实心黑点

circle 空心圆圈

square 方形黑块

decimal 十进制数

lower-roman 小写罗马数字

upper-roman 大写罗马数字

lower-alpha 小写字母

upper-alpha 大写字母

none 无

也能够用list-style-image把列表前面的符号换成图形，若同一时候指定了list-style-type和list-style-image属性，则仅仅有当浏览器不能显示图片作为项目符号时，list-style-type才生效。