Style Editor Firefox 11: How to use

Freaky cool Style Editor in Firefox 11 shows results as soon as you type them!

Create an html page on your desktop.  Call it index.html.  Make it very basic with a <h1> element on it.  Now bring up that page in Firefox using File/Open File/(desktop/ index.html)

Then from the Tools (menu)/Web Developer/Style Editor.  As soon as you do that, a dark colored window shows up.  When it asks you if you want to create a stylesheet, do so, so that it will create a style sheet.

In the stylesheet window, now enter the following:

h1 {color: orange}

And coool! it changes the color of the text on your web page in real time on the fly!!! Now you can save your style sheet by clicking on save.  Cool, no?  Very cool!


About SunKing2

Former web developer, guitar player, started Piano 2012 -yes still doing it! Recovery, sobriety, mental health advocate.
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s