CSS学习（2）

常见样式

CSS文本设定

1、设置文本颜色---------color

属性值：颜色名 - 比如 "red"或十六进制值 - 比如 "#ff0000"

2、设置文本背景颜色-----------background-color

3、设置文本行高--------line-height

属性值用百分数

line-height：100%是默认原值

4、设置文本大小--------font-size

属性值是像素单位px，值越大文本越大

5、设置文本字体系列--------font-family

例；font-family：“宋体”；

6、设置文本字体粗细-----font-weight

值	描述
normal	默认值。定义标准的字符。
bold	定义粗体字符。
bolder	定义更粗的字符。
lighter	定义更细的字符。
100200300400500600700800900	定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。

CSS文本控制

1、设置文本首行的缩进（空两格等等）-----text-indent

例：text-indent：2em（cm）；-----空两格

值	描述
length	定义固定的缩进。默认值：0。
%	定义基于父元素宽度的百分比的缩进。
inherit	规定应该从父元素继承 text-indent 属性的值。

2、设置文本的水平对齐方式----------text-align

例：

 

3、设置或删除文本装饰---------text-decoration

none属性值用来

删除超链接的下划线

4、设置文本空白的处理-------white-space

值	描述
normal	默认。空白会被浏览器忽略。
pre	空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。

5、控制文本的大小写------text-transform（常见于英文中）

值	描述
none	默认。定义带有小写字母和大写字母的标准的文本。
capitalize	文本中的每个单词以大写字母开头。
uppercase	定义仅有大写字母。
lowercase	定义无大写字母，仅有小写字母。