使用 div 和 CSS 的好处包括:
可维护性:
1.使用 div 和 CSS 可以使页面结构更加清晰，代码更易于维护。
2.可重用性: CSS 可以被多个页面重用，减少了代码冗余。
3.易于修改: 使用 CSS 可以轻松地更改页面的布局和样式。
4.提高加载速度: 使用 CSS 可以减少 HTML 代码的冗余，提高页面加载速度。
5.增强用户体验: 使用 CSS 可以制作出美观、交互性强的页面，提高用户体验。
一、网页元素快速检查
Dreamweaver CC 使用新增的“元素快速检查”来检查文件中的标记，可为静态和动态内容产生互动式 HTML 树状结构。直接在 HTML 树状结构中修改您的静态内容结构。
二、实时检查中的新编辑功能
Dreamweaver CC CSS 设计工具直觉式的视觉编辑工具有助于用来产生简洁的Web 标准程式码，并能快速套用渐层和方块阴影等CSS 属性。
三、CSS设计工具增强功能
1、边框控制项界面增强
2、复制粘贴样式
3、快速编辑文字块
4、自定义属性工作流程增强功能
5、键盘快捷键
6、较为特定/较不特定选择器
7、滚动至类别
四、实时插入
在Dreamweaver CC 版本中，可以使用“插入”面板，直接将 HTML 元素插入“实时检查”中。不需要切换模式就能实时插入这些元素，并且可以立即预览变化
五、使支持用身份文件与 SFTP 服务器连线
Dreamweaver CC 现在可以根据“身份密钥”(无论有没有复杂密码)，验证 SFTP 服务器的连线。
注：Dreamweaver 只支持 OpenSSH 密钥文件。
六、还原/重做 增强功能
目前为止，如果重做 CSS 设计工具面板中执行的步骤，必须按一下 CSS 文件 ，然后还原/重做该项步骤。
用CSS 设计工具”面板还原/重做动作时，“实时检查”会自动重新整理。使用原始码编辑文件，并从“实时检查”还原变化时，“分割检查”的显示变化和相关原始码会成为焦点。所有还原/重做动作都会在 HTML 文件层级记录。对 CSS 文件所做的任何手动变化，都可以从“任何”相关文件进行还原。
七、存取 Dreamweaver 扩展功能的变化
现在用户可以使用 Adobe Creative Cloud，检查并安装 Dreamweaver 扩展功能。扩展功能现在称为“附加元件”。
如果要浏览 Adobe Creative Cloud 寻找附加元件，请在 Dreamweaver 中按一下“窗口 >浏览附加元件”。随即显示 Adobe Creative Cloud 附加元件页面。
八、同步设置的变化
Dreamweaver CC 新版中的同步设置功能可让您将电脑与 Creative Cloud 上 Dreamweaver 实体的设置保持同步。Dreamweaver CC 会自动检查您是否已在旧版 Dreamweaver 中启用同步设置，然后让您从 Creative Cloud 导入这些设置。
九、帮助菜单的变化
Dreamweaver CC 的“帮助”菜单现在已重新规划，方便用户快速存取新功能逐步解说、视频收藏馆、帮助和学习资源，以及发送错误/功能要求表单。
使用Adobe Dreamweaver CC 可以在可视化环境中设计的你网页，方便高效的完成网页设计。Adobe Dreamweaver CC 支持CSS编辑器、和jQuery库代码自动完成功能等。
