1、先启动DW软件，新建文档，文档类型选择【/HTML】-【XHTML1.0】，然后点击【创建】。
目前创新互联公司已为成百上千的企业提供了网站建设、域名、网页空间、绵阳服务器托管、企业网站设计、衡东网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
2、点击创建后，DW会为之创建一个HTML文件，我们在body标签中加入一个div标签组。
3、然后在div标签中输入下图中的代码，style代表了这个div直接添加了CSS样式，这样就成功了。样式要在英文的引号中，否则是不起作用的。
1. 打开“CSS样式”面板。
2. 在“所选内容的摘要”窗格中双击某一个属性，打开“CSS 规则定义”对话框。如下图所示：
一、定义CSS的类型属性
在“CSS 规则定义”对话框中，在“分类”下拉框中选择“类型”，然后可以在右边“类型”部分设置属性：
Font-family：设置字体系列。在下拉菜单中选择字体。
Font-size：定义文字的字体大小。
Font-weight：对字体应用特定或相对的粗体量。
Font-style：指定“正常”、“斜体”或“偏斜体”作为字体样式。
Font-variant：设置文本的小型大写字母变体。
Line-height：设置文本所在行的高度。
Text-transform：将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。
Text-decoration：向文本中添加下划线、上划线或删除线，或使文本闪烁。
Color：设置文本的颜色。
提示：如果某一个属性不需要设置，可以将其保留为空。
Dreamweaver中CSS面板的设置步骤：
首先这里我们是需要你新建一个HTML文档的，这里我们直接打开工具，之后选择新建HTML即可
建立完毕之后这里我们使用快捷键，Shift+F11随后我们就可以看到CSS面板
在面板中用鼠标右击之后选择里面的“新建”，之后会弹出新建CSS规则表格，将选择类型设置~为类，名称设置为~测试，定义在~仅对该文档，点击“确定”。随后弹出图下中所示的测试CSS规则定义。
在css定义框中我们是可以看到。类型 背景 区块 方框 边框 列表 定位 扩展。在类型框中将字体大小，样式、行高等进行设置
随后是个背景的设置，这里我们是可以设置背景颜色和背景图像的，这里还可以设置区块模式，定位，列表等都是可以通过自己的设置而变得美化的。
设置完毕，输入内容我们就可以看到我们设置的结果。
在DW中CSS样式可以使你更好的管理一些文字的大小颜色以及边框的粗细颜色还有超级链接的管理！
但你建立CSS样式后最好把它单独存放到一个文件夹里面！方便你在后面制作子网页时可以直接调用
CSS。
如果没效果可能是你没有套用CSS样式，把你要套用样式的单元格选中，然后在属性菜单里面的样式
里面找到你自己设定的CSS！
1、直接在html标签元素内嵌入css样式，如
div style="font-size:14px;color:#FF0000;"
2、在html头部head部分内style声明插入代码如下：
style type="text/css"
!--
.ceshi {font-size:14px; color:#FF0000;}
--
/style
3、在html头部head部分内使用@import引用外部CSS文件方法
style type="text/css"
!--
@import url(wcss.css);
--
/style
Wcss.css文件内代码.ceshi {font-size:14px; color:#FF0000;}
4、在html头部head部分内使用link来调用外部的css文件
在head放置linkrel="stylesheet" href="wcss.css" type="text/css"/来调用外部的wcss.css文件来实现html引用css文件
linkrel="stylesheet" href="wcss.css" type="text/css"/
