Un lenguaje informático especializado que se utiliza para describir la presentación y el formato de un documento que ya tiene una estructura definida (normalmente por un lenguaje de marcado).

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