打开页面，打开css设计器，添加css源，在页面中定义，切换代码界面，定义名为#box和#text的css样式。
创新互联是一家专业提供古交企业网站建设,专注与网站建设、做网站、H5技术、小程序制作等业务。10年已为古交众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
2.
点击插入Div，定义ID为text，点击确定。
3.
点击实时视图即可看到相应的效果。
1、先启动DW软件，新建文档，文档类型选择【/HTML】-【XHTML1.0】，然后点击【创建】。
2、点击创建后，DW会为之创建一个HTML文件，我们在body标签中加入一个div标签组。
3、然后在div标签中输入下图中的代码，style代表了这个div直接添加了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（级联样式表）一般来讲分3种：
外联样式表：CSS样式单独写在一个CSS文件中，HTML页面使用link标签引入这个文件；
内联样式表：CSS样式写在HTML页面的head标签内；
内嵌样式表：CSS样式直接写在HTML标签的style属性里。
然后说下在DW里怎样使用它们（以下以DW CS6版本为例，其他版本大同小异）：
在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。
如果是外联样式表，在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面（注意要拖放到head标签内）。
在DW的CSS样式面板中可以方便的管理CSS样式，可新增、删除、修改标签的样式。
如需要为某个元素（例如一段文字）应用某个样式，可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。