Tutorial needed for styling via the Options pane

Can we please get a tutorial posted in the Tutorials area for styling the CSS within the options pane so that people understand how that works and why their styles are going to their HTML instead of their style sheets? I've seen so many people ask why their styles keep going to the HTML, and we always end up typing a book to explain it. Would be so much easier if there were a step by step guide for those new to the app and maybe not so new too lol, to be able to understand how to choose or create classes/id's so that their styles don't end up in the HTML. Would be so much appreciated, not just by me but by those that really have no idea how to use that panel for styling other than to just start styling without realizing it's all going in their HTML page. Pretty please bats eyes :P