Qué es CSS3 y algunas de sus funcionalidades

Qué es CSS3 y algunas de sus funcionalidades

CSS (Cascade Stylesheets o Hojas de estilo en cascada) es el lenguaje que interpretan los navegadores para dar estilos a una página web (documento HTML). Actualmente es la única manera de dar estilo a una página, así que ya podéis ver lo importante que es. Básicamente, sin CSS todas las páginas web serían algo parecido a ésto: http://help.websiteos.com/websiteos/example_of_a_simple_html_page.htm.

Desde los inicios de las páginas web, los desarrolladores han ingeniado diversas maneras para estilar su página pese a las limitaciones, desde convertir una página en una tabla gigante y añadir contenido en sus celdas, hasta poner todo tipo de animaciones y movimiento usando Flash. Podéis haceros una idea de cómo ha evolucionado el diseño web visitando el siguiente enlace: http://fabianburghardt.de/webolution/.

Una forma más eficiente y útil de dar estilo a una página web era cada vez más necesario, ya que eran la forma de vender un producto o mostrar una empresa al mundo de una manera realmente eficaz. Y sin un buen diseño, era difícil llegar al usuario final, así como llamar la atención. Por lo tanto, poco a poco CSS fue creciendo y fue añadiendo funcionalidades muy útiles, pero ninguna especificación ha sido tan importante como CSS3, y hoy os explico por qué:

CSS3 integró una gran cantidad de funcionalidades sin las que hoy en día no percibimos ninguna página web. Alguna de ellas fueron las imágenes de fondo, los formatos de colores RGBA o HSL, sombreados y muchas cosas más relativas a formas de hacer una página mucho más llamativa y atrayente.

Pero, sin duda, 3 de las funcionalidades más importantes que han aportado CSS3 son las siguientes:

  1. Animaciones y transiciones: antes de CSS3, toda animación se tenía que hacer mediante programas como Flash. Gracias a CSS3 podemos hacer todo tipo de animaciones sin depender de programas externos y de manera realmente sencilla y bonita. Ésto es una gran ventaja para los usuarios, pero sobretodo para los desarrolladores, ya que podían hacer sus página mucho más atractivas y visuales gracias a ello.
  2. Display: flexel posicionamiento de elementos siempre ha sido algo que ha traído muchos dolores de cabeza a los desarrolladores web, pero gracias a la propiedad display:flex de CSS3 eso ya no ocurrirá más (o por lo menos no tanto), ya que permite posicionar cualquier elemento de prácticamente cualquier manera, o difernetes elementos separados uniformemente, etc.
  3. Media queries: la mayor prioridad actualmente a la hora de desarrollar una página web es la de cómo se verá esa página en un dispositivo móvil, ya sea un smartphone o una tablet. Por ello, las media queries son una herramienta realmente útil, ya que nos permiten aplicar diferentes estilos dependiendo del tamaño del dispositivo desde el cual se acceda a la página. Esto, como podréis imaginar, abre las puertas a diseños totalmente distintos para los diferentes dispositivos.


Éstas son solo algunas de las funcionalidades que aporta la especificación CSS3, pero sin duda son realmente importantes. Toda página de hoy en día debería implementar estas funcionalidades para ser considerada una buena página web (aunque no basta sólo con eso).

Autor: Xavi Paredes

Accede a nuestra sección de proyectos a medida en Diseño Web

Comparte este artículo en tus redes sociales