Estilos CSS 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:

.azulplata { color: blue ; background-color:silver ; }

tenemos que escribir, ya en el body (entre <body> y </body>) de la página, lo siguiente:

<p class="azulplata">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 azul y fondo plata
pues así­ lo manda "class".
Así sea.</p>

VER RESULTADO

Si a continuación queremos un párrafo normal, simplemente lo encerraremos entre <p> y </p>. Si queremos escribir otro párrafo con el estilo ese tan feo, pues lo encerramos entre <p class="azulplata"> 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..

Te he puesto "VER RESULTADO" para que lo veas fácilmente, pero te recomiendo que lo copies en el Notepad y vayas cogiéndole el truco a todo esto. No es tan dificil. El exito de los estilos depende de tu gusto, je je, de modo que, a experimentar con otros colores y características!!

Comparte este artículo en tu red Twitter Comparte este artículo en tu red Facebook Comparte este artículo en tu red Google Enviar '' a Meneame.net