1、先启动DW软件，新建文档，文档类型选择【/HTML】-【XHTML1.0】，然后点击【创建】。
网站建设公司,为您提供网站建设,网站制作,网页设计及定制网站建设服务,专注于企业网站建设,高端网页制作,对PE包装袋等多个行业拥有丰富的网站建设经验的网站建设公司。专业网站设计,网站优化推广哪家好,专业营销推广优化,H5建站,响应式网站。
2、点击创建后，DW会为之创建一个HTML文件，我们在body标签中加入一个div标签组。
3、然后在div标签中输入下图中的代码，style代表了这个div直接添加了CSS样式，这样就成功了。样式要在英文的引号中，否则是不起作用的。
dreamweaver是编辑器，css不属于它。
css主要用于修饰html页面的元素，例如：位置、尺寸大小、内外边距、字体、背景、边框等等。
css有多种调用方式，较方便管理的是通过dreamweaver之类的编辑器写在css格式文件中，然后在html页面head中用link引入。
关于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"/
css是层叠式样式表，主要用于一些样式上的控制，比如字体啊，颜色啊等等，使用css之后在控制网页的一些样式方面会显的很方便啊，楼主可以去试下
css美化的作用，DIV叫结构，就是内容的意思，CSS是美化这些结构内容，让他们变的好看些~DIV+CSS就是结构+表现，也就是所谓的业界说的，要遵守结构与表现完全相分离的原则。
