Descripción

El objetivo fundamental del lenguaje de hojas de estilo es la separación de incumbencias: el contenido y la estructura van por un lado y la estética por otro.

Funcionamiento

Imaginemos que tenemos delante un libro. La autora escribió el texto y decidió qué es un capítulo y qué es una nota al pie (eso es el marcado). Luego, un diseñador decidió que los títulos de los capítulos debían ser rojos, en letra Arial y de tamaño 20 (eso es la hoja de estilo).

Componentes principales

Todos los lenguajes de este tipo comparten tres elementos básicos:

Selector

Indica a qué parte del documento se le va a aplicar el diseño.

Propiedad

Qué aspecto se quiere cambiar (color, margen, fuente).

Valor

El ajuste específico (rojo, 10 píxeles, negrita).

Ejemplos

Es el estándar para páginas web (HTML) y gráficos vectoriales (SVG).

El concepto de «cascada»

En estos lenguajes existe un orden de jerarquía. Si una regla dice que el texto es azul y otra dice que es verde, el lenguaje tiene mecanismos para decidir cuál gana (normalmente la más específica o la última que se escribió).

Un estándar antiguo para documentos técnicos complejos (SGML).

Son «superlenguajes» que luego se convierten a CSS, permitiendo usar variables y funciones.

Se usa para transformar y dar formato a documentos XML.

Recursos adicionales

Recursos en línea

Sinónimos:
style sheet language
Categorías: Tecnología