2，在test.html文件中，使用div标签创建一行文字，下面将在css文件中定义div的样式。
3，在test.html文件中，给div设置class属性，例如，设置为mydiv。
4，新建一个css文件，命名为test.css，用于编写div的样式。
5，在test.css文件中，给类名为mydiv的div设置css样式，使用font-size定义div文字的大小为20px，使用color定义div的文字的颜色为红色。
6，在test.html文件中，通过link标签引入外部的css文件，实现给页面中的div设置css样式 。
7，在浏览器打开test.html文件，就可以了。
Dreamweaver8生成源代码方法步骤：
1、创建css样式，点击窗口\css样式，可以打开css样式编辑窗口，还可以直接在属性面板内创建。
2、点击属性面板的编辑规则，或者是css样式窗口的+号就可以打开新建css规则对话框。
3、选择要创建的css样式的内容。比如要为段落更改样式。
4、在弹出的定义对话框中，选择要更改的各种属性。比如把段落的字体大小改为16px，字体颜色改为红色。
5、点击确定，发现段落中的文字就出现了相应的效果。在<head>中条件了css样式代码。
<!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/htmlcharset=gb2312" />
<title>导航制作 阿里西西收集</title>
<link rel="stylesheet" type="text/css" href="css.css"/>
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">CSS学习</a></li>
<li><a href="#">学前准备</a></li>
<li><a href="#">入门教程下载</a></li>
<li><a href="#">提高教程</a></li>
<li><a href="#">布局基础教程</a></li>
<li><a href="#">精彩应用</a></li>
</ul>
</div>
</body>
</html>
/* CSS Document */
body,div,ul,li{padding:0margin:0}
a{font-size:12px}
#nav{
width:960px
height:35px
background:#CCC
margin:0 auto/*水平居中*/
margin-top:30px/*顶部30px*/
}
#nav ul{
width:960px
height:35px
}
#nav ul li{
height:35px
float:left
list-style:none
line-height:35px
text-align:center
padding:0 10px
}
#nav ul li a{display:blockheight:35pxcolor:#333text-decoration:nonefloat:leftpadding:0 10px}
#nav ul li a:hover{color:#ffftext-decoration:underlinebackground:#000}
直接把中间的字改了就行了哈。
