Navegación

• Inicio
• Artículos
• Clasificados Gratis
• Enlaces
• Foro de preguntas
• Glosario de términos
• Noticias
• Notas Personales
• Registro

Para tu web

• Formularios Gratis

Herramientas

• Algoritmo de la Máscara
• Codificador Base 64
• Codificador MD5
• Coloreador PHP
• Conoce tu PageRank
• Fórmula General
• Entidades HTML

Hattrick

• Calculadora de TSI
• TSI Calculator NEW!

Chechesa

• Contacto
• Recomiéndanos

Identifícate

Tecnología

Artículos

[CSS] Introducción a las Hojas de Estilo

Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal que usamos para determinar el diseño de una página creada en HTML o XML (y XHTML).

Sintaxis

La forma de determinar estilos es el siguiente:

identificador {
    propiedad-1: valor;
    propiedad-2: valor;
}

Y el código anterior puede repetirse para diversos identificadores, con el número necesario de propiedades.

Podemos describir la sintaxis anterior como:

1. Se escribe el nombre del identificador, un identificador puede ser una clase, un id o una etiqueta.
2. Se escribe una llave de apertura ( { ), esto indica que inicia la entrada de propiedades.
3. Se escribe el nombre de la propiedad, va seguida de dos puntos antes de escribir el valor de dicha propiedad y después se escribe punto y coma (;).
4. Se escribe una llave de cierre ( } ), esto indica que termina la entrada de propiedades.

Para un identificador al que se le aplicarán más propiedades puede repetirse el paso 3.

Para determinar más identificadores pueden repetirse todos los pasos en el mismo orden.

Ejemplo de código CSS puesto en un archivo HTML:

<style type="text/css">
body {
    background: black;
    color: white;
} </style>

Comentarios (0)