CSS por sus siglas en inglés (Cascading Style Sheets) traducido al español como Hojas de Estilo en Cascada es un lenguaje de diseño gráfico usado para darle presentación a documentos HTML o XML.
Es importante no confundirlo con un lenguaje de marcado. El lenguaje de marcado es HTML, que usa etiquetas (como <p>, <h1> o <div>) para definir la estructura del contenido. CSS es un lenguaje de hojas de estilo; su trabajo es seleccionar esas etiquetas de HTML y definir su presentación (cómo se ven).
Los usos más comunes que se le da a CSS son para dar estilo a una página web o a un correo. Nos permite marcar la separación del contenido del documento (texto e imágenes) y la forma de presentación de este (color, letra, distribución del contenido). Algunas de las características más conocidas que podemos modificar desde el CSS son las capas o layouts, los colores y las fuentes.
CSS posee una estandarización por parte del W3C (World Wide Web Consortium). Históricamente, se desarrolló en grandes niveles como CSS1 (obsoleto) y CSS2.1. Sin embargo, CSS3 es el estándar actual y, a partir de él, CSS ya no evoluciona en grandes “niveles” (no existirá un “CSS4”). En su lugar, se desarrolla en módulos independientes (como Flexbox, Grid, Módulos de Selectores, etc.) que se actualizan por separado.
La sintaxis de CSS es simple y usa un conjunto de palabras clave en inglés para especificar los nombres de las propiedades de estilo. La anatomía de una regla CSS se define principalmente por dos partes:
- Selector: Es el elemento HTML al que le daremos estilo (por ejemplo, p para los párrafos).
- Bloque de Declaración: Se encierra entre llaves { } y contiene una o más declaraciones.
A su vez, cada declaración se compone de un par propiedad: valor; :
- Propiedad: El atributo que se va a modificar (ej. color).
- Valor: El valor que se le asigna a esa propiedad (ej. blue).
Un ejemplo de una regla CSS completa sería:
p {
color: blue;
font-size: 16px;
}Si bien esto fue una pequeña explicación de lo que es CSS y un poco de su funcionamiento, aún queda un largo camino por recorrer si quieres dominar el arte de maquetar una página web. Por suerte nosotros estamos para apoyarte durante todo ese largo camino, continúa leyendo nuestros artículos y aprende más sobre desarrollo web.
Gracias por leernos.
Si te gusto este artículo, únete a nuestra comunidad en Facebook o WhatsApp para más…
¡Hasta la próxima!
