ProductsXMLSpyHTML Editing ToolsCSS Editor

XMLSpy includes a full-featured CSS editor with support for CSS2.1 and CSS3 to assist developers developing XML-based Web sites and HTML4, HTML5, and XHTML Web pages and apps.

To complement its intelligent HTML editor, XMLSpy provides comprehensive CSS editing features including syntax coloring, context-sensitive entry helper windows and drop-down menus, and screen tips.

The CSS editor delivers all the advanced features of the XMLSpy Text View, including code completion, line numbering, source folding, book marking, and more.

 Click here to download a fully functional, free 30-day trial of Altova XMLSpy!

CSS Editor Entry Helpers

XMLSpy provides drop down menus and entry helper windows (visible in the screenshot above) that offer you context-sensitive editing options as you’re editing your CSS documents.

The CSS Outline entry helper window provides an outline of the document in terms of its selectors, which are listed in groups. Each group can be collapsed and expanded, and clicking a selector in the CSS Outline highlights it in the document.

The CSS Properties entry helper window provides a list of all CSS properties, arranged alphabetically. A property can be inserted in your CSS file by double-clicking it. Or, you can use the auto-completion function to insert a property: simply start typing, and the CSS editor opens a drop-down menu of the available properties. You can view a tooltip containing the definition of each property and its possible values by scrolling down the list.

.

The HTML Elements entry helper window provides a list of HTML elements that you can insert in your CSS document by double-clicking or selecting from the drop down menu that pops up as you start typing.

The CSS Info Window lets you view an configure various information, including HTML files linked to the CSS, the CSS version used (CSS 2.1 and CSS3 are supported), and any imported CSS stylesheets.

Toggle buttons at the top of the window let you switch from just viewing the CSS code to working with tiled windows that display the CSS code with the linked HTML page in a vertical or horizontal view. This lets you see the results of your changes immediately.

As you’re working, advanced project management features help you organize and manage your CSS files alongside related documents and perform batch operations, and a multi-tabbed find-in-files window lets you perform advanced find & replace functions across files, folders, and even entire projects.

The XMLSpy CSS editor is a true productivity enhancer for developers creating XML-based Web sites, advanced HTML5 apps, and more because you can complete your CSS editing tasks in the same environment where you develop HTML code and/or XSLT transformations, using the same user-friendly, intelligent entry helpers and options.

Check out the CSS editor for yourself - Download a free 30-day trial of XMLSpy.