CSS当中属性非常多，大体上可以分为以下几类：字体、背景、文本、位置、布局、边缘、列表
1）、字体
字体的属性主要包括文字的字体、大小、颜色、显示效果等基本样式。下面是各种字体属性的详细介绍
Font-family:该属性用于设置字体系列
Font-size：该属性定义文字的大小，可以使用度量单位来设置字体的大小，也可以使用一个相对的字体大小。还可以使用绝对的大小标记符。
绝对大小的设置为xx-small、x-small、 small、medium、large、x-large、xx-large中的任意一个。xx-small最小，xx-large为最大
font-style：该属性用于定义字体样式为Normal、Italic或者Oblique（斜体）
text-decoration：该属性用于在文本中条件下划线、上划线、中划线、闪烁效果
font-weight：该属性用于设置粗体字的磅值
该属性的值有：Normal、bold、bolder、ligthter、100-900
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
#p1{
font-family:DFKai-SB;
}
#p2{
font-size:xx-small;
}
#p3{
font-style:italic;
}
p.p4{
border-top:dashed;
border-left:dotted;
border-bottom:double;
}
p.p5{
font-weight:bolder;
}
</style>
</head>
<body>
<p id="p1">短发散发斯蒂芬违法所得就看见达拉斯</p>
<p id="p2">短发散发斯蒂芬违法所得就看见达拉斯</p>
<p id="p3">短发散发斯蒂芬违法所得就看见达拉斯</p>
<p class="p4">短发散发斯蒂芬违法所得就看见达拉斯</p>
<p class="p5">短发散发斯蒂芬违法所得就看见达拉斯</p>
</body>
</html>
2）、背景
背景包括背景颜色、背景图像、以及背景图像的控制。
Background-color：设置背景颜色，transparent 透明的背景色
Background-image:设置元素的背景图片
Background-repeat：确定背景图像是否以及如何重复
这个属性的取值no-repeat:表示背景图像只在元素的显示区域中出现一遍
Repeat:在水平和垂直方向上垂直
Repeat-x和Repeat-y 分别在水平或者垂直方向上重复
Background-attachment：确定背景图像是否跟随内容滚动，
设置为fixed时，表示固定背景图像，scroll表示图像跟随内容的移动而移动
Background-position：指定背景图像的水平位置和垂直位置
水平位置的取值可以是left、center、right。也可以是数值
垂直的取值可以是top、center、right 也可以是数值
文档流：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
div {
height: 300px;
width: 300px;
}
div.div1 {
background-color: red;
top: 100px;
left: 100px;
position: absolute; /*绝对定位*/
z-index:3;
}
div.div2 {
background-color: yellow;
top: 130px;
left: 130px;
position: absolute;
z-index:1;
}
div.div3 {
background-color: green;
top: 160px;
left: 160px;
position: absolute;
z-index:2;
}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
</body>
</html>
3）、文本
文本的属性包括：文字间距、对齐方式、上标、下标、排列方式、首行缩进
word-spacing:设置单词之间的间距
letter-spacing：设置字符之间的间距
Text-align:设置文本的水平对齐方式，取值可以是left、right、center、justfy
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
p.p1{
word-spacing:10px;
letter-spacing:20px;
}
.p2{
text-align:center;
text-indent:15px;
line-height:40px;
background-color:red;
}
</style>
</head>
<body>
<p class="p1">abcdefghijklmnopqrstuvwxyz</p>
<p class="p2">
字体的属性主要包括文字的字体、大小、颜色、显示效果等基本样式。下面是各种字体属性的详细介绍
Font-family:该属性用于设置字体系列
Font-size：该属性定义文字的大小，可以使用度量单位来设置字体的大小，也可以使用一个相对的字体大小。还可以使用绝对的大小标记符。
绝对大小的设置为xx-small、x-small、 small、medium、large、x-large、xx-large中的任意一个。xx-small最小，xx-large为最大
font-style：该属性用于定义字体样式为Normal、Italic或者Oblique（斜体）
text-decoration：该属性用于在文本中条件下划线、上划线、中划线、闪烁效果
font-weight：该属性用于设置粗体字的磅值
该属性的值有：Normal、bold、bolder、ligthter、100-900
</p>
</body>
</html>