Additional menu

CSS (Cascading Style Sheets)

CSS es el lenguaje responsable de asignar los estilos a los elementos HTML, es decir, de los colores de todos los componentes de nuestra Web, así como el tipo de letra, tamaño de las cajas, sombras, disposición, layout y otros estilos se proporcionan a través de CSS.

A través de unos selectores, se aplica el aspecto de toda nuestra página. Además, CSS aporta muchos tipos de estilos diferentes. Hoy en día se pueden hacer efectos sólo con CSS.

CSS aplica estilos personalizados que se declaran con propiedades. Dicho estilo se declara con el nombre de la propiedad y su valor separado por dos puntos y finalizado la instrucción con punto y coma.

Una propiedad CSS se declararía de la siguiente forma:

Declaración-CSS

Con esta declaración CSS le asignamos, al elemento de HTML, con el nombre de clase .caja, un borde redondeado de 20 px.

Evolución de CSS a lo largo de la historia

La primera especificación(CSS1), publicada por el W3C, fue en el año 1996. Se publicaron propiedades para las fuentes, colores, atributos de texto, alineaciones tanto de imágenes como de texto, propiedades de bordes y márgenes para las cajas y presentación de listas.

En el año 1998, se publicó la especificación CSS2, la cual añadió a la primera, el posicionamiento de cajas, el concepto de media types, soporte para las hojas de estilo auditivas y alguna característica extra y sombras para el texto.

En 1999, se empezó a trabajar en la versión CSS3, pero se tomo la decisión de modularizar toda la especificación. De manera que hay módulos según su uso; Selectores, Media Queries, Fondos y bordes, Imágenes, Unidades y valores, etc.

Cada uno de los módulos evoluciona de diferente forma, por ejemplo, el módulo de Selectores está en su nivel 3 desde septiembre de 2011, eso quiere decir que es estable y se pues usar en cualquier navegador sin tener que poner ningún prefijo, en cambio, las transiciones todavía no son estables en todos los navegadores, por lo que hay que hacer servir prefijos en algunos navegadores.

banner-css

Botón para ir al inicio de la página