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.


De un Solo Uso

 

Aplicar y Definir de una sola Vez.

Ya os he contado que si algún estilo lo vais a usar solo una vez o dos, en una o dos páginas de vuestra web, en lugar de incluirla en la Hoja de Estilo, podéis definirla en la cabecera, es decir, entre <HEAD> y <HEAD/> de la página en cuestión. Pero si solo se va a usar una sola vez, nisiquiera merece la pena meterlo allí. Mejor definimos ese estilo en la misma línea que el elemeno, ya en en BODY de la página.

Veamoslo con un sencillo y rápido ejemplo. Quiero mostrar un párrafo con fondo amarillo. Solo lo voy a usar una sola vez en una sola de mis páginas. Pues defino el estilo en el BODY tal y como sigue:

<p Style=" background-color : yellow ">Este párrafo está definido
en la misma línea HTML que lo contiene, es decir, en el BODY, y
tiene un fondo amarillo, horrible, por cierto. De modo que no pienso
usarlo más, je je je.</p>

VER RESULTADO

Poniendo esto directamente en una página saldrá con el fondo definido, sin necesidad de declararlo en el HEAD ni en la Hoja de Estilo. Si lo vamos a usar varias veces en una página mejor se define en el HEAD y si lo usamos en varias lo clavamos en la Hoja de Estilo. Esta clarito, no? Pos me alegro un montón.

Por si no lo sabíais, os cuento algo. Al pulsar sobre "VER RESULTADO" se abre una nueva ventana de vuestro Navegador para ver el ejemplo. Pues bien, si de las opciones que tenéis en vuestro Navegador pinchais en "VER" y luego en "Código Fuente" en el Internet Explorer o si usais el Netscape ,mediante "View" y "Page Source" creo, veréis el código HTML de la página de ejemplo. Acostumbraros a curiosear esos códigos. Os será muy útil.

Una vez que lo véis, podéis guardaroslo en el disco duro para ojearlo más tarde o incluso imprimirlo y así descubrir su estructura, que cosas usa, las metatags que utiliza y muchas otras cosas que os cuento en la sección "Nociones de HTML".

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