fbpx

CSS terminó imponiéndose, gracias a una premisa que abre muchas puertas: la flexibilidad.
El desarrollador puede incluir una hoja de estilos aplicada a sus documentos, pero el usuario puede sumar sus propios estilos, o incluso sustituirlos.
Esta capacidad del lenguaje para acumular diferentes fuentes de estilo hizo acuñar el termino “en cascada”.

La idea original era que el CSS fuera un lenguaje de estilo de propósito general, aplicable a otros formatos como el XML, el cual se extenderá masivamente en un futuro no muy lejano.

EL principal uso hoy en día es la vinculación con el formato inmortal HTML. Veremos como indicarle al explorador de la existencia una hoja de estilos

La etiqueta <style>

Dentro de la sección del encabezado, podemos declarar una hoja de estilos entre estas etiquetas:

<style>
<!—-
p {font-size: 11pt}
h1 {
color: green;
font-size: 18pt
}
–>
</style>

Esta hoja de estilos se compone de dos reglas, con dos selectores habituales: la etiqueta para los párrafos y la de encabezados de primer nivel.

El hecho de incluir la hoja entre comentarios estándar de HTML es para que navegadores antiguos que no reconozcan la etiqueta <style> no incluyan las reglas como contenido del cuerpo de la página, es decir, que simplemente la ignoren.

<link> o la hoja vinculada

En el ejemplo anterior la hoja está embebida o incrustada en el propio documento HTML, sin embargo, la auténtica potencia de los estilos CSS es la posibilidad de vincular los mismos estilos a múltiples páginas. Se indicaría así:
<link href=»estilos.css» rel=»stylesheet» type=»text/css»>
Siendo “estilos.css” el archivo que contiene exclusivamente las reglas que constituyen la hoja de estilos.
El uso de la etiqueta <link> también debe indicarse antes de que se cierre la etiqueta <head>.

Estilos sobre la marcha

Una práctica poco aconsejable, pero posible, es definir estilos en el propio cuerpo del documento, tal como se indica:
<h1 style=”color: red”>Primera parte</h1>
La auténtica potencia de los estilos reside en una premisa básica del mundo de la informática: sacar factor común de situaciones similares, por lo que definir un estilos para un sólo uso tiene escasas ventajas.

Bueno pues además de explicar éstos conceptos fundamentales sobre CSS aquí te dejo una plantilla diseñada con dos columnas.

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Por favor valore el contenido)
Cargando...

Hablemos

Si tiene cualquier pregunta somos todo oídos :-)

Enviando

Inicia Sesión con tu Usuario y Contraseña

¿Olvidó sus datos?