In this part of the series, the Style Editor and the Scratchpad are explained. The Style Editor is one of those great things without which the life of a web developer would be so much more difficult. Not to mention looking for the return to different problems in a CSS. We can write a CSS from scratch with our browser and then save it, seeing the results on the page in real time.
Firefox Aurora Nightly
Let’s go with the article:
The Style Editor
The Style Editor is primarily used for editing, debugging or creating new style sheets in the context of the current application. Changes made in the style editor are automatically reflected on the loaded page. If you are unfamiliar with Cascading Style Sheets (CSS), be sure to check out the MDN documentation on CSS.
The Style Editor allows us to save the changes made while we use it. Besides that you can also import existing style sheets and apply them to the current page or disable specific style sheets individually. The Style Editor is also linked to the Inspector allowing developers quick access to the style for the inspected element. The following screencast presents the features of the Style Editor above:
For more detailed information on the Style Editor see the MDN documentation
For more information on Scratchpad, see the documentation on MDN.