一、CSS文本格式
CSS文本Text属性用于控制文本的样式。通过CSS的Text属性,用户可以自由地调整页面中文本的颜色、字符间距、对齐方式、装饰文本以及缩进等样式。以下是一个简单应用了CSS文本格式的例子:
1、Color
颜色属性(Color)用于设置文字的颜色。通常通过CSS来指定颜色,可以采用多种方式,如使用颜色名称、十六进制值、RGB值、HSL值等。对于 W3C 标准的 CSS:如果你定义了颜色属性,你还必须定义背景色属性。
- 十六进制值:如”#FF0000″
- 一个RGB值:”RGB(255,0,0)”
- 颜色的名称:如”红”
一个网页的背景颜色是指在主体内的选择:
例如:
body {color:blue;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);}
2、文本对齐方式
文本排列属性用于设置文本的水平对齐方式。可以将其居中、左对齐或右对齐,实现两端对齐的效果。当 text-align 设置为justify,每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。
例如:
h1 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;}
注意:如果想把一个行内元素的第一行“缩进”,可以用左内边距或外边距创造这种效果。
3、文本修饰
text-decoration属性用来设置或删除文本的装饰。从设计的角度看 text-decoration 属性主要是用来删除链接的下划线:
例如:
a {text-decoration:none;}
也可以这样装饰文字:
例如:
h1 {text-decoration:overline;} h2 {text-decoration:line-through;} h3 {text-decoration:underline;}
注意:不建议强调指出不是链接的文本,因为这常常混淆用户。
4、文本转换
文本转换属性是用来指定在一个文本中的大写和小写字母,可用于所有字句变成大写或小写字母,或每个单词的首字母大写。
例如:
p.uppercase {text-transform:uppercase;} p.lowercase {text-transform:lowercase;} p.capitalize {text-transform:capitalize;}
5、文本缩进
文本缩进属性用于设置文本的缩进,CSS中的text-indent属性可用于实现该功能。使用该属性,所有元素的第一行都可以缩进一个给定的长度,以实现文本的缩进效果。
例如:
p {text-indent:50px;}
6、文本间隔
word-spacing 属性可以改变字(单词)之间的标准间隔,其默认值 normal 与设置值为 0 是一样的。
指定段字之间的空间,应该是30像素:
p { word-spacing:30px; }