20 个最好的CSS编辑器

在这篇文章中，我们收集了一些CSS代码编辑器，让你的编码过程更具易用性和灵活性，加快您的工作流程。

1. BluePen Editor

BluePen Editor is a PHP-powered CSS editor that can be installed to any static or dynamic website and makes live CSS editing possible. Once triggered (with a bookmarklet), it opens the editor widget and makes all HTML elements hoverable so that blupePen can locate the CSS rules of them (like Chrome Dev Tools). It has features like color-picker, file manager, ruler, color comparison and more. The editor keeps track of the changes made and auto-backups them in case you prefer to revert the styles.

2. Stylizer

Stylizer is an application designed to help you read and professionally edit CSS content from any website or HTML file. It is the only pro-class CSS editor designed to disallow invalid CSS from ever entering the mix. Everything created is 100% cruft-free. Plus, you’re able to preview your design in real-time, in 8 integrated web browsers. All without any loss in control. The Stylizer mindset is an epic shift in the way designers interact with CSS. Staggeringly powerful functionality like drag-and-drop adjusting, Bullseye, and a myriad of CSS simplification features cannot be done with standard tools.

3. TopStyle 5

TopStyle 5 is an easy to use and fast HTML5 & CSS3 Editor. TopStyle 5 supports the newest versions of core standards that drive modern web experiences. You’ll get access to all the latest tags and properties, including assistance from built in tools like Insight, Inspector & validators.

4. Notepad ++

Notepad++ is actually an advanced text editor and a must-have for every developer using Windows. It has syntax highlighters for every popular scripting language and it is usually a perfect fit for a 2nd IDE, for small updates or simpler codes (however, there are many developers who only use it).

5. StyleSheet Maker

CoffeeCup StyleSheet Maker creates cascading style sheets for any web browser. Dynamic HTML snippets are included, and the program supports a class and ID wizard for making your own HTML tags. The program includes 50 style sheet drop-down tags, and you can open, edit, and save files in CSS, HTML, and TXT formats.

6. Rapid CSS

Rapid CSS editor makes it easy to create, design and edit modern CSS-based websites. Write the CSS code manually or let the style sheet editor do it for you! It is easy because of the many awesome features such as auto complete, code inspector, CSS checker and instant built-in multi-browser preview. Rapid CSS editor is designed to save you time and make your job easier.

7. Style Master

Style Master is the leading cross platform CSS development tool. Much more than just a text editor, Style Master supports your workflow – including creating style sheets based on your HTML, live CSS editing of PHP, ASP.NET, Ruby and other dynamically generated sites, editing CSS via ftp and much much more.

8. EnglnSite CSS Editor

EngInSite CSS Editor is a fully integrated Cascading Style Sheets (CSS) development tool, designed to save your time and unleash your creativity.

9. Editr

Editr is a HTML, CSS and JavaScript playground that you can host on your server. It is based on ACE Editor. Its super easy to setup. It supports multiple instances on one page. Configurations are available via JS object or HTML attributes.

10. Free CSS Toolbox

Free CSS Toolbox is a freeware productivity software for web developers who work with CSS code. Free CSS Toolbox includes a number of tools for fast-tracking and enhancing the development of style sheet code, such as an advanced CSS Formatter and CSS Validator. If you develop websites that use CSS, the Free CSS Toolbox can help you save time and increase productivity without any cost.

11. Espresso

Espresso, previously CSS Edit, is a feature rich CSS editor for MAC with awesome CSS3 support for multi browser gradients, shadows and web previews with the X-Ray technology. Espresso lets you change your style sheet applied in real-time. Without saving, without uploading, without hassle for any Web App or HTML file.

12. Snap CSS

snap{css} is an extremely light-weight, notepad-like application that allows css designers to easily edit their code in a familiar environment while having quick acccess to helpful features such as our beautify and collapse functions.

13. Simple CSS

Simple CSS, which runs on Mac OS X and Windows. Simple CSS allows you to easily create Cascading Style Sheets from scratch, and/or modify existing ones, using a familiar point-and-click interface. With Simple CSS, you can manage multiple CSS projects and import your existing style sheets. Simple CSS supports CSS2.

14. Coda 2

Coda’s collaboration tools let you seamlessly work together with others, and a built-in FTP sidebar–using the power of Panic’s powered-up Transmit 4–helps you get your site updated quickly. Hand-coding experts will like the full-featured CSS and text editors, and editing multiple files side by side in split panes is a breeze. Coda also has tons of time-saving features, including Clips (for frequently used code snippets), an Open Quickly window (for fast access to specific files), and integrated subversion.

15. Brackets

Brackets is an open source code editor (IDE), built by Adobe, which is created with only client-side web technologies like HTML-CSS and JavaScript. The editor focuses on simplicity and, rather than too many panels, the quick-edit UI is the main thing. A “live development” feature syncs a browser with the editor and displays any changes instantly.

16. CSSED

cssed is a small developer editor and validator, that tries to ease the CSS editing. It is an Open Source project, it means that you can download the program but also its source. It features syntax highlighting, syntax validation, MDI notebook based interface, quick CSS properties and values insertion, auto-completion and dialog-based insertion of CSS complex values.

17. WebStrom 7

WebStorm 7 provides new tools to keep up with the latest and greatest web development innovations, helping you get more out of new technologies every day. For a more complete experience with Sass, there is now support for Compass. It includes completion, resolving and finding usages for functions, mixins and variables from imported Compass files.

18. Aptana Studio

Aptana Studio 3 is an open source development tool for the developers; it enables developer to test their web applications using single environment. Aptana supports latest browser technologies specs such as HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python. It includes number of features such as GIF integration, HTML,CSS and JavaScript Code assists, integrated debugger, deployment wizard and IDE Customization.

19. Cloud9 IDE

he application has a pretty fast text editor with bundled syntax highlighting support for JS, HTML, CSS and mixed modes. Cloud9 IDE has integrated debuggers for node.js and Google Chrome which can be started, paused and stopped from the IDE.

20. CodeLobster

Code Lobster source code editor is an advanced feature text editor yet simplistic in form and function. It possesses all of the premium qualities and features found in those high-priced editors for FREE. Powerful autocompletion for HTML, PHP, CSS and Javascript, including HTML5 and CSS3. For PHP the structure of the project is fully recognized, and the complete list of methods falls out within the proper places.