第01步：编写第01个css样式：div.css
@charset "utf-8";
/*第01步：定义div：背景色、字体颜色*/
div{
background-color:#99C;
color:#
}
第02步：编写02个css样式：p.css
@charset "utf-8";
/*第02步：定义p：背景色、字体颜色*/
p{
background-color:#;
color:#0F0
}
第03步：编写03个css样式：span.css
@charset "utf-8";
/*第03步：定义span：背景色、颜色*/
span{
background-color:#0F0;
color:#C00
}
第04步：编写04个css样式：all.css（引入前面的css）
@charset "utf-8";
/*
所有的css文件引入
*/ @import url(div.css);
@import url(span.css);
@import url(p.css);
第05步：编写html界面代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS样式学习</title> <link href="all.css" rel="stylesheet" type="text/css" /> </head>
<body>
<!-- -->
<div>
这是用引入的css样式实现的效div层果
</div> <span>
这是用引入的css样式实现的效div层果
</span> <p>
这是用引入的css样式实现的效div层果
</p> </body>
</html>