打开CSS样式面板使用“CSS样式”面板可以查看、创建、编辑和删除CSS样式，也可以将外部样式表附加到文档。
创新互联专注于企业成都营销网站建设、网站重做改版、叙州网站定制设计、自适应品牌网站建设、HTML5、商城系统网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为叙州等各大城市提供网站开发制作服务。
使用“CSS 样式”面板顶部的切换按钮可以在两种模式之间切换。使用“CSS 样式”面板还可以在“全部”和“正在”模式下修改 CSS 属性。可以通过拖放窗格之间的边框来调整任一窗格的大小。
术语层叠是指对同一个元素或 Web 页面应用多个样式的能力。
本文讨论在DreamWeaver中使用CSS以及突出某一特定CSS特性时的一些建议。一般地讲，样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。
在HTML中引入CSS的方法主要有四种，它们分别是行内式、内嵌式、链接式和导入式。行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。
）内联样式。只是为单个元素指定一些CSS样式，就是在html的标签添加style属性，把样式直接写进去，例如：p style=color： gray；This is a test/p 2）内嵌样式表。
内联样式表：CSS样式写在HTML页面的head标签内；内嵌样式表：CSS样式直接写在HTML标签的style属性里。
1、HBuilder 快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
2、Adobe Dreamweaver CS6 Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。
3、编辑器里边推荐sublime，这是通过自己的简单配置，能够顺手使用的一款，界面炫酷，主题漂亮，体验给力。 另外vim，emacs，textmate入门曲线比较陡，不建议使用。 另外简单点的：notepad++，editplus，选那个区别不大。
4、CSS3Gen - CSS3动画生成器CSS3Gen为你提供了一个易于使用的可以快速生成基本动画的动画生成器。虽然你无法使用它来完成复杂的作品，但是如果你想要不费劲的创建一个标准的动画，这个工具将会是一个很好的选择。
5、你可以百度google一下 CSS HACK 会有整理大全的 我就不多列举了。进阶学习：等这些都弄熟了，想往高级的前端开发走，那么你可以学习JavaScript和flash方面的知识。JavaScript：推荐学习jQuery。
其实dreamweaver是最最适合初学者了。你说“编辑时的显示和浏览器效果不同”，这个就是网页编辑的最最头痛的问题之一。
DreamWeaver 也是老牌的集成开发环境，就是贵了点。我建议你用 notepad++ 类的软件，这样在学习的时候能够更理解本质。CSS 和 HTML 就那么点东西，手敲也不见得多累。装上 Zen Coding ， 很高效。
最简单的editplus，但前提是你非常熟悉css 功能最全的dreamweaver，傻瓜式的编写，但有些细节你还是要回到css源代码 调试建议就使用ie里面的开发人员工具，chrome，firefox等浏览器里都有，我常用的是ie。
除了Hbuilder还可以用webstorm，这款工具也非常受前端开发人员的喜爱。当然还有sublime Text3 这款工具也挺不错的，只不过需要安装插件。3：以上工具是我个人常用的，当然也有很多的开发工具，比如DW 等等。
TopStyle TopStyle是一款Cascading Style Sheets (CSS) 的编辑软件，可以帮助我们编写符合包括CSS2标准在内的样式表。
功能相当多，附有CSS码检查功能，减少写错的机会。尤其是它的HELP文件中详细的CSS指令介绍，很适于用作参考文件与初次接触CSS的人做为学习使用。如果你想学习web标准，制作CSS需要一个好软件，TopStyle是非常棒的选择。