You should almost never use it in the HTML page. There are a few exceptions of course for certain scripts and such, but not many things really "need" it in the HTML page. To use it just create your class in the css page (style.css if that's what your page is called). I usually add my various custom code in the bottom area of the page so I know where I added things. In the class you are wanting that to be in you would add the attribute:
font-size: 1em;
you would need that to be within an actual class name for example, I like to sometimes style little spots of text here and there just to add a little color to match the style of the site theme. Maybe I need it to be a little larger so I'll do something like this:
.orange-1em {
color: orange;
font-size: 1em;
}
That tells the page that I want whatever text I put this class in to be colored orange and to be 1em larger than the default text.
You would use this in your html like so:
<p class=orange-1em>Melissa now has orange 1 em text.</p>
which will make the whole sentence orange 1 em
or
<p><span class=orange-1em>Melissa</span> now has orange 1 em text.<p>
which will make only the word Melissa orange and 1 em
Hope that helps