Significado de CSS
Sigla inglesa. En el uso técnico habitual, sustantivo masculino invariable: el CSS. Se lee deletreada: «ce-ese-ese».
CSS es la sigla de Cascading Style Sheets, hojas de estilo en cascada: el lenguaje que define colores, tipografías, espaciados y disposición visual de las páginas web escritas en HTML.
Separa el contenido de una página, que estructura el HTML, de su presentación, que controla el CSS, lo que permite cambiar el aspecto de un sitio sin tocar su contenido.
Qué es CSS
CSS es un lenguaje de estilo, no un lenguaje de programación: no ejecuta lógica ni toma decisiones, sino que describe cómo debe verse cada elemento de una página escrita en HTML. Mediante reglas que asocian selectores (qué elemento se ve afectado) con propiedades y valores (cómo debe verse), CSS controla el color de fondo, el tamaño de letra, los márgenes, la posición de los elementos en la pantalla y su comportamiento en distintos tamaños de dispositivo.
El término «cascada» de su nombre alude a que las reglas se aplican siguiendo un orden de prioridad: cuando varias reglas afectan al mismo elemento, CSS decide cuál prevalece según su origen, su especificidad y el orden en que aparecen en el código, lo que permite combinar estilos generales con excepciones puntuales.
Origen de la sigla CSS
Del inglés Cascading Style Sheets, «hojas de estilo en cascada», propuesto en la década de 1990 para separar la estructura de una página web, definida en HTML, de su presentación visual, que hasta entonces se mezclaba directamente en el propio marcado.
Antes de CSS, el color, la tipografía o el tamaño de los elementos se indicaban con etiquetas y atributos dentro del propio HTML, lo que hacía muy difícil mantener un diseño coherente en sitios con muchas páginas. Separar estilo y contenido permitió reutilizar una misma hoja de estilo en todo un sitio web.
Formas de aplicar CSS
El código CSS puede incorporarse a una página web de tres maneras distintas:
| Forma | En qué consiste |
|---|---|
| CSS externo | Se escribe en un archivo aparte y se enlaza desde el HTML; permite reutilizarlo en varias páginas. |
| CSS interno | Se escribe dentro de la propia página HTML, en una sola sección de estilos. |
| CSS en línea | Se aplica directamente sobre una etiqueta concreta, como excepción puntual. |
Ejemplos de CSS y de uso de la sigla
CSS se usa en prácticamente todas las páginas web actuales, desde blogs sencillos hasta aplicaciones complejas, casi siempre junto con HTML y JavaScript.
El diseñador ajustó el CSS para que la página se viera bien en el móvil.
Un error en el CSS hizo que los botones aparecieran fuera de lugar.
Aprender CSS es uno de los primeros pasos para crear páginas web.
Cómo se escribe CSS
- Se escribe con mayúsculas y sin puntos: CSS, no C.S.S.
- El plural no cambia la sigla; lo marca el artículo, aunque en el uso técnico se emplea casi siempre en singular: el CSS.
- Aunque su desarrollo literal, «hojas de estilo en cascada», es femenino plural, el uso técnico habitual lo trata como masculino singular, por asimilación a «el lenguaje» o «el código»: el CSS, igual que ocurre con «el HTML».
- Se lee deletreada: «ce-ese-ese». No se pronuncia como una palabra.
- Su desarrollo, Cascading Style Sheets, se escribe en cursiva por ser un término en inglés, y se traduce como «hojas de estilo en cascada»; no se traduce la sigla en sí, que se mantiene igual en español.
Preguntas frecuentes sobre CSS
¿Qué diferencia hay entre CSS y HTML?
HTML estructura el contenido de una página (títulos, párrafos, enlaces, imágenes); CSS define cómo se ve ese contenido (colores, tipografías, disposición). Son lenguajes distintos que trabajan siempre juntos.
¿Es necesario saber programar para usar CSS?
No en el sentido estricto de la programación: CSS se basa en reglas de estilo, no en lógica ni algoritmos, aunque sí requiere aprender su sintaxis propia para escribir esas reglas correctamente.
¿CSS sirve para crear una página web por sí solo?
No. CSS solo define la apariencia; necesita HTML para tener contenido que dar forma, y a menudo se combina también con JavaScript para añadir interacción.