pues esa no seria la forma correcta, ya que el programa te crea un estilo nuevo o un <Span>
a ver.... no es lo mismo tener una hoja de estilos con todos los estilos, que tener una hoja de estilos, mas en el documento html con estilos por ahi sueltos, mas tener etiquetas span.
Vamos a empezar.... Hay 3 maneras de hacer estilos.
1.insertarlos entre la etiqueta "head" y "/head"
Te pongo un ejemplo, no es exacto q de cabeza no me acuerdo :P
<head>
<style type="text/css">
body {margin:0; padding:0; font-family:arial; etc...}
a:link {}
a:hover {}
a:actived{}
a:visited {}
</style>
</head>
mas o menos
2.incrustandolo en el codigo, lo cual cuando quieres modificarlo cuesta encontrar donde esta colocado.
<p style="color:#990000">
Esto es un párrafo de color rojo.
</p>
si tienes un parrafo en rojo y quieres solo modificar una palabra, entonces se utiliza el SPAN. (cuando no se puede incrustar en una etiqueta
<h3><div><etcetera>
por q ya se ha incrustado un estilo , entonces se utilizaria el span no se si queda claro)
<p style="color:black">
Esto es un párrafo de color <span class=miestilorojo> rojo.</span>
</p>
3.la mas usada por su comodidad y organizacion. incrustar en un documento html, php, asp o lo q sea, una hoja de estilo.
creas una hoja de estilo (extension .css) con todos los estilos y luego en tu documento lo incrustas para que te lo lea.
documento html:
<link rel="stylesheel" type="text/css" href="hoja.css">
yo no es q sea una experta en hojas de estilos, de hecho me cuesta usarlos y organizarme, pero creo q esta es la mas correcta por no tener por ahi codigo suelto que luego en un futuro te cueste de localizar.
un saludo y espero que se me haya entendido :P