MAQUETACION WEB
Maquetación Web y CSS
CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML.
Generalidades:
CSS significa Cascading Style Sheets
Los estilos definen cómo mostrar los elementos HTML
El CSS fueañadido a HTML 4.0 para resolver problemas
Las hojas de estilo externas pueden ahorrar una gran cantidad de trabajo
Las hojas de estilo externas se almacenan en archivos CSS
Breve historia del CSS
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 de forma consistente diferentes estilos a los documentos electrónicos.
El gran impulso de los lenguajes de hojas de estilos se produjo con el boom de Internet y el crecimiento exponencial del lenguaje HTML para la creación de 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 con la misma apariencia en diferentes
navegadores.
A principios de 1997, el W3C decide separar los trabajos del grupo de HTML en tres
secciones: el grupo de trabajo de HTML, el grupo de trabajo de DOM y el grupo de
trabajo de CSS. El 12 de Mayo de 1998, el grupo de trabajo de CSS publica su segunda recomendación oficial, conocida como “CSS nivel 2”.
La adopción de CSS por parte de los navegadores ha requerido un largo periodo de
tiempo. El mismo año que se publicóCSS 1, Microsoft lanzaba su navegador Internet
Explorer 3.0, que disponía de un soporte bastante reducido de CSS. El primer navegador con soporte completo de CSS 1 fue la versión para Mac de Internet Explorer 5, que
se publicóen el año 2000.
Hoy en día se utiliza la versión CSS3 y todos los navegadores son compatibles.
|
Maquetación Web y CSS
Funcionamiento Básico
Antes de la adopción de CSS, los diseñadores de páginas HTML debían definir el estilo
y el aspecto de los elementos HTML en el propio documento.
El ejemplo anterior utiliza la etiqueta < font>con sus atributos color, face y size para
definir el color, el tipo y el tamaño de letra de cada elemento de la página.
El problema de utilizar este método para definir el aspecto de los elementos se puede
ver claramente con el siguiente ejemplo: si la página tuviera 50 elementos diferentes,
habría que insertar 50 etiquetas < font>. Y si fueran 50 HTML serían muchas etiquetas
La solución que propuso CSS es mucho mejor, como se puede ver en el siguiente ejemplo
CSS permite separar los contenidos de la página y la información sobre su aspecto. En
el ejemplo anterior, dentro de la propia página HTML se crea una zona especial en la
que se incluye toda la información relacionada con los estilos de la página. Pero además
CSS permite crear una página de estilos independiente al HTML que se puede adjuntar a
todos los HTML del sitio Web, ahorrando tiempo y optimizando recursos.
|
