Visita la Nueva Versión de ComoCrearTuWeb!!
Los Estilos CómoCrearTuWeb > Menú Principal > Los Estilos > Introducción
Introdución Su Utilidad

 

Opciones de Estilo

Est. Predeterminados Nuevos Estilos Para una página Para toda la Web

 

Creando Hojas de Estilos

Requerimientos Sintaxis Las Propiedades Las Unidades

 

Asociando Hojas de Estilo

Como Asociar la Hoja

 

Aplicando Hojas de Estilo

Opciones A Nivel de Bloque A Nivel de Línea De una Sola Vez

 

Ejemplos Prácticos

Antes de ... Ejemplo I Ejemplo II Ejemplo III Ejemplo IV Ejemplo V

 

Cosejos Finales

Recomendaciones Simplificando Depurando

Foro de Estilos

Al Menú Principal

Página Anticuada. Visita la nueva versión.


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

VER RESULTADO

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!!

Dinos Algo..

Entra en el nuevo Foro CCTW


Esta versión es antigua. Visita la nueva web de: ComoCrearTuWeb


Entra en el nuevo Foro CCTW


Mas Cosillas..

Acerca de CCTW
ChatCCTW  Actualizaciones  Recomendar  Colabora  Errores?  Agradécemelo  Escríbeme
Actualizada el Jueves, 11-Ago-2005 23:09 Creada y diseñada por Jorgens