我用在线CSS编辑器编辑的，出来两种代码，为什么啊？

第一种..当你把它保存为一个单独的CSS文件时叫做外部CSS样式...

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站设计、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的巴彦淖尔网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

而当你把它直接让在html里的style标签里的时候它叫做内部CSS样式

第2种...叫做行内样式..

区别就在于...第一种如果你指定一个CLASS或者一个tag那么它会针对整个页面起作用..而第2种不管你怎么指定DIV的class..它只对这一个DIV起作用..而且..写入后...页面的代码变的拥挤..这样不好..尽量少的写行内样式...

css样式编辑器简单好用点的？

你去下载一个插件，叫做Emmet，Dreamweaver能用，此外Sublime Text, Notepad++等许多编辑器都能用，这个插件就是专用于提高CSS书写速度的，不过用之前花上10分钟学习一下基本用法，然后你就会觉得太好用离不开它了。

也可以用一些Web集成开发环境，比如WebStorm，这个WebStorm是JetBrains公司的，也就是开发IntelliJ，以及Android Studio的那个公司，WebStorm已经集成了Emmet。

还有就是装上一些所见即所得的CSS编辑器了，比如TopStyle 5，编辑时会有下拉提示，就像用Eclipse开发Java似得，不过我觉得还是Emmet插件那样的方式写CSS更快。

找个css样式编辑器

CSSVista是一款Windows（只能在XP上使用）平台的第三方CSS编辑工具，当然，它是免费的。它的主要功能就是将FF、IE6以及CSS编辑器集合到一个框架里面。可以所见即所得的对页面进行CSS调试。

运行软件后打开页面文件或直接在地址栏输入页面路径打开页面，点击地址栏右边的Edit Css，软件将自动获取CSS在左边显示。软件右边将分别显示IE6和FF下的页面。对左边的CSS直接进行修改，右边的页面将及时更新。

软件整体功能很简单，一切都是围绕在CSS编辑。其他辅助功能主要有：

1、禁用CSS样式、禁用图片浏览；

2、设置浏览页面尺寸；

3、标记div、span、p、li、a、h1、h2…等等元素

CSSVista运行环境：

需要Microsoft’s .NET Framework 2. 的支持。你可以到这里下载

CSSVista下载地址：

正好下午有一个页面需要调整，正好针对CSSVista进行了一个小测试，

优点：

1、系统占用内存大约65M左右，相对IE加FF加DW，这个算很小了；

2、提供FF与IE同时预览编辑，不用再切换了。这也是这个软件最大的卖点；

3、类似Developer的元素标记功能方便CSS调试；

不足之处：

1、需要安装.NET框架；

2、由于CSS Editer与IE、FF预览框整合在一起，页面浏览面积太小；

3、虽然IE7已经发布一段时间了，但是CSSVisita暂时只能测试IE6；

4、CSS Editer没有提供代码输入提示、也就是说代码需要一个个的敲，有点费时间；

5、CSSVisita自带的这个集成浏览器不会屏蔽弹出广告，如果你修改的页面会弹几个，会弹双倍吗？我不知道。哈哈。

CSSVisita只是一个CSS编辑小工具，作为现在的功能他很适合对已经完成的页面进行FF与IE间的调试。如果只是一些小的问题，相信开一个 CSSVisita已经足以应付。好过要开FF、IE和DW三个。从官网上的信息来看，作者对这个小工具并没有太多时间去开发。也许这个只是他们的主要产品Sitevisita的一个附属品。如果你有兴趣，可以去他们的网站看看。

网页标题：在线css样式编辑器,css编辑软件
地址分享：http://pwwzsj.com/article/pheiig.html