1、首先打开Dreamweaver CC2018软件新建一个html文件，在右上角点击CSS设计器，并在下方点击加号，然后选择创建新的CSS文件：
2、在创建窗口中，点击浏览按钮。
3、然后选择站点创建好CSS文件夹，然后输入创建的CSS的名字，点击保存插件文件：
4、然后把添加为设置成链接，点击确定按钮：
5、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了：
6、此时在html文件中的head标签中，就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链接的样式表：
7、接下来在html网页编辑页面，在body标签中输入一个div：
8、然后在顶部tab标签中选择刚才创建的CSS样式表，并在样式表中写一个样式，命名为aaa，并按下快捷键Ctrl+S保存样式表：
9、最后回到html编辑页面，在div标签中引入class，输入刚才写的样式的名称aaa并保存网页：
10、最后点击顶部的设计按钮，就可以看到实时效果了，此时css文件就成功链接进去了：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script type="text/javascript">
</script>
<style type="text/css">
body
{
margin:0/*把margin和padding的值设为0，相当于初始化*/
padding:0
color:#333/*字体颜色的值*/
font:13px Trebuchet MS Lucida Sans Unicode, Arial,sans-serif/*字体的具体设置*/
background:#fff/*背景颜色*/
text-align:center/*居中，这里应该把逗号改为冒号*/
}
h1
{
background:ur1("logo.gif")/*h1背景为logo.gif*/
width:256px
height:25px
overflow:hidden/*隐藏溢出的部分，也就是如何字体超过了所设的256*25，那么就只显示在里面的部分*/
margin:0
}
a
{
text-decoration:none/*超链的没有下划线*/
color:red/*字体为红色*/
}
a:hover
{
colo:green/*当鼠标经过超链时，字体为绿色，hover鼠标经过*/
}
</style>
</head>
<body>
<h1>good</h1>
<a href="#">test<a>
</body>
</html>
楼主看看这个
