CSS-like Editing (Emmet)

Oxygen Emmet Plugin

The Oxygen Emmet Plugin is an add-on that provides a toolkit for high-speed HTML coding and editing. With the Emmet add-on installed, you can type abbreviations (similar to CSS selectors) and expand them into full-fledged HTML code. The add-on also contributes a submenu named Emmet in the contextual menu and it contains actions for expanding abbreviations or wrapping content with an expanded abbreviation.

For example, entering the following snippet inside the <body> element:

expands to: