Estilos CSS a Nivel de Bloque
Para un elemento a Nivel de Bloque.
Así, para indicar a un elemento de bloque como un párrafo, que debe tener el estilo .rojoplata, definido en la hoja de estilo por:
.rojo { color: red ;
background-color:silver ; }
tenemos que escribir, ya en el BODY (entre <BODY> y </BODY>) de la página, lo siguiente:
<p class="rojoplata">Esto es el párrafo. Es un bloque y por ello se indica el tipo de <estilo junto a su etiqueta. Todo el párrafo tendrá el color rojo y fondo plata pues así lo manda "class". Así sea.</p>
Si a continuación queremos un párrafo normal, simplemente lo encerraríamos entre <p> y </p>. Si queremos escribir otro párrafo con el estilo ese tan feo, pues lo encerramos entre <p class="rojoverde"> y </p> y a correr.
Ya de paso os indico que los estilos definidos con un punto al principio, pueden usarse en todo tipo de elementos, sin más que poner:
<p class="nombredelestilosinelpunto">... para párrafos
<td class="nombredelestilosinelpunto">... para celdas
<code class="nombredelestilosinelpunto">... para codigos
etc..
Os he puesto "VER RESULTADO" para que lo veáis facilmente, pero os recomiendo que lo copiéis en el Notepad y vayais cogiendole el truco a todo esto. No es tan dificil. El exito de los estilos depende de vuestro gusto, je je, de modo que , a experimentar con otros colores y características!!