Juan muestra a María y Félix una primera versión de la página web.
María muestra su conformidad con la estructura y contenidos de la futura web corporativa que Juan ha realizado, aunque le gustaría probar otras gamas de colores y tipos de fuente.
Félix plantea que, quizás, resulte un trabajo demasiado laborioso ya que supondría modificar todos los ficheros de la web.
Juan, sonriendo, comenta que de hecho no es exactamente así. En realidad los datos están separados de sus formatos.
CSS (Cascading Style Sheets) permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo.
Antes del uso de CSS, los diseñadores de páginas web debían definir el aspecto de cada elemento dentro de las etiquetas HTML de la página. El principal problema de esta forma de definir el aspecto de los elementos es que habría que definir el formato de cada uno de los elementos que formen la página, lo cual hace que sea muy difícil de actualizar.
CSS permite separar los contenidos de la página y su aspecto. Para ello se define en una zona reservada el formato de cada uno de los elementos de la web. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a ella en las que aparezca ese elemento. Las hojas de estilo están compuestas por una o más reglas de estilo aplicadas a un documento HTML o XML.
Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, cabecera, texto destacado, etc. Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el formato de cada elemento.
CSS obliga a crear documentos semánticos HTML/XHTML, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.
Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas SGML, alrededor del año 1970. Desde la creación de SGML, se observó la necesidad de definir un mecanismo que permitiera aplicar estilos a los documentos electrónicos. La guerra de navegadores y la falta de un estándar para la definición de los estilos dificultaban la creación de documentos que tuvieran igual apariencia en distintos navegadores.
En 1995, el W3C añadió a su grupo de trabajo de HTML el desarrollo y estandarización de CSS.
CSS 1, se publicó en 1996, es la primera recomendación oficial.
CSS 2, publicada en 1998, es la segunda recomendación oficial.
CSS 3, empezó a desarrollarse en 1998, sus primeros borradores se publicaron en junio de 1999. A diferencia de las versiones anteriores la especificación se divide en varios documentos separados llamados módulos. Esto permite que diferentes módulos se encuentren en diferentes estados de desarrollo y no todos pasen a ser recomendaciones oficiales del W3C. Un módulo debe primero pasar por la fase de "candidato" antes de ser aprobado.
CSS 4, última versión sobre la que no existe una especificación integrada ya que al igual que CSS 3 se encuentra dividido en diferentes módulos. A partir de la división en módulos que se hizo en CSS 3 la evolución de cada uno de ellos es independiente lo que provoca que actualmente la mayoría de módulos estén es especificación de nivel 3 mientras que otros (por ejemplo Selectores) se encuentre en nivel 4.
En el siguiente enlace encontrarás el soporte que cada uno de los navegadores más actuales tienen sobre las etiquetas CSS.
CSS Reference With Browser Support - W3shool