Free CSS editor in CodeLobster IDE
Free CodeLobster IDE includes free CSS editor
Free CSS editor represents the following abilities to work with CSS code:
- Code highlighting
- Braces highlighting
- Code collapsing
- Intelligent Auto-complete
- Context and Dynamic help
1. Code highlighting
That feature means CSS syntax coloring.
2. Braces highlighting
The CSS Editor highlights braces in pairs when the cursor is placed
between beginning and ending enclosing characters.
3. Code collapsing
This feature allows hiding style properties you aren't working on to make navigation a little easier.
To collapse code fragment, click "-" marker in the gutter next to the line numbers.
4. Intelligent Auto-completeTo collapse code fragment, click "-" marker in the gutter next to the line numbers.
Auto-complete feature "remembers" and lists in pop-up window style property names
and property values.
Completion list is called automatically in necessary area of CSS code and after style attribute within any tag in the HTML code.
and property values.
5. Context and Dynamic Help
With these features you can get necessary information about any element of CSS code.
To get help topics using Context Help:
By default CodeLobster IDE searches for proper topic to https://www.w3.org site. You can use Local or Online MSDN instead. To change site address:
- Place the pointer on necessary element and press F1 button
By default CodeLobster IDE searches for proper topic to https://www.w3.org site. You can use Local or Online MSDN instead. To change site address:
- Move to the Preferences menu (Tools|Preferences)
- On the left panel click Context Help item and select CSS
- On the right panel select necessary value from the Location dropdown list and press OK
The Dynamic Help window displays links to help topics for an element the pointer is placed on.
By default free CSS editor conducts search on https://www.w3.org site.