2.
点击插入Div，定义ID为text，点击确定。
3.
点击实时视图即可看到相应的效果。
压缩方法使用DW软件的查找与替换工具进行替换压缩CSS代码。
1、DW软件打开CSS文件
2、删除空格压缩代码
2-1：使用快捷键“Ctrl+F”，调出查找与替换工具选项卡。
2-2：查找处键入(输入)一个英文半角小写“空格”
在“查找”输入框中输入一个空格
在“查找”输入框中输入一个空格，“替换”的输入框中无需填入然后字符或代码，这样在执行替换时候，相当于把空格替换为没有字符，相当于删除空格位置。
2-3：点击“替换全部”
点击“替换全部”后，即可将多余的空格位置删除完成，完成压缩一部分。
3、将多余的分号删除
在CSS代码中，每个CSS选择器内的最后一个CSS样式的结束是不需要“分号”结束的，换句话说每个选择器内即“后花括号”前是不需要分号结束最后一个CSS样式的。
同样使用DW软件“查找与替换”功能删除掉，避免删除错其它“分号”，这个时候在“查找与替换”选项卡中“查找”输入框中填写“}”(分号+后花括号)，在“替换”输入框中只输入“}”(后花括号)，然后点击“替换全部”，即可完成删除多余分号符号。
4、删除多余空行，让代码都排成一排(紧贴一起)
可以手动删除空行，也可以使用DW软件快速删除空行，具体删除压缩如下。
4-1：首先DW打开CSS文件代码
4-2：选中空行
首先将鼠标光标移动到选择器开头，然后点击鼠标左键不放同时往上拉到上一个选择器结束前(上一个CSS样式选择器后花括号后)，这个时候即可选中空行，此时选中空行为蓝色区域。
4-3：调出“查找与替换”工具
在选中后松开鼠标左键后，使用快捷键“Ctrl+F”，即可调用出“查找与替换”选项卡，此时“查找与替换”选项卡的“查找”输入框中即可自动填上刚刚选取好的空行。
4-4：点击“替换全部”完成压缩
首先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的属性面板里的“类”下拉列表来快速为其应用样式。
