设置文本颜色：
<style type="text/css">
body {color:red}
h1 {color:#00ff00}
p.ex {color:rgb(0,0,255)}
</style>
设置文本背景颜色：
<style type="text/css">
span.highlight
{
background-color:yellow
}
</style>
设置字符间距：
<head>
<style type="text/css">
h1 {letter-spacing: -0.5em}
h4 {letter-spacing: 20px}
</style>
设置行间距的三种方法：
1.百分比
<head>
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>
在大多数浏览器中默认行高大约是 110% 到 120%。
2.像素
<style type="text/css">
p.small
{
line-height: 10px
}
p.big
{
line-height: 30px
}
</style>
在大多数浏览器中默认行高大约是 20px。
3.数值
<style type="text/css">
p.small
{
line-height: 0.5
}
p.big
{
line-height: 2
}
</style>
默认行高大约是 1。
对齐文本：
<style type="text/css">
h1 {text-align: center}
h2 {text-align: left}
h3 {text-align: right}
</style>
修饰文本
<style type="text/css">
h1 {text-decoration: overline}
h2 {text-decoration: line-through}
h3 {text-decoration: underline}
h4 {text-decoration:blink}
a {text-decoration: none}
</style>
text-decoration:blink 定义闪烁的文本 缩进文本：
<head>
<style type="text/css">
p {text-indent: 1cm}
</style>
允许使用负值。如果使用负值，那么首行会被缩进到左边。
控制文本中的字母：
<style type="text/css">
h1 {text-transform: uppercase}
p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase}
p.capitalize {text-transform: capitalize}
</style>
text-transform: capitalize 首字母大写
在元素中 禁止文本折行
<style type="text/css">
p
{
white-space: nowrap
}
</style>
增加单词 间距
<style type="text/css">
p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}
</style>
文本属性
时间： 2024-08-09 02:39:51