CSS: Hojas de estilo

Introducción a las hojas de estilo

El concepto de hojas de estilo apareció por primera vez en 1996 cuando W3C publicó una recomendación nueva intitulada "Hojas de estilo en cascada" o CSS, su sigla en inglés.

El principio de las hojas de estilo consiste en la utilización de un solo documento para almacenar las características de presentación de las páginas asociadas a grupos de elementos. Esto implica nombrar un conjunto de definiciones y características de presentación de las páginas, y activar esos nombres para aplicarlos a una parte del texto. Por ejemplo, se pueden configurar los títulos de una sección para que aparezcan en fuente Arial, en color verde y en cursiva.

Las hojas de estilo se desarrollaron para compensar los defectos de HTML con respecto a la presentación y al diseño de las páginas. HTML tiene varias etiquetas para modificar la presentación y definir los estilos del texto, pero cada elemento tiene su propio estilo, independientemente de los elementos que lo rodean. Al utilizar hojas de estilo, cuando se necesite cambiar la apariencia de un sitio que tiene cientos de páginas Web todo lo que hay que hacer es editar las definiciones de la hoja de estilo en un solo lugar para cambiar la apariencia del sitio completo.

Se denominan "hojas de estilo en cascada" porque se pueden definir múltiples hojas y los estilos pueden aplicarse a todas las páginas (con un sistema predefinido para resolver conflictos).

Las hojas de estilo pueden utilizarse para:

lograr una apariencia uniforme de todo el sitio al activar una sola definición de estilo en cada página,
cambiar un aspecto en todo el sitio Web con tan sólo editar unas pocas líneas,
hacer que los códigos HTML sean más fáciles de leer ya que los estilos se definen por separado,
permitir que las páginas se carguen más rápido ya que hay menos cantidad de HTML en cada página,
posicionar los elementos de la página de una manera más uniforme.

CSS 2.0

Desde el 12 de mayo de 1998, la norma CSS 2.0 ha sido el estándar vigente. CSS 2.0 agrega características nuevas a la norma anterior (1.0), que incluye:

Consideraciones sobre cómo se va a mostrar un documento en los distintos medios (como una pantalla, una impresora, un sistema Braille, un sintetizador de voz, etc.).
Adición de características de sonido para ciegos y minusválidos visuales.
Cursores para maniobrar.
Administración de desbordamiento y visibilidad de elementos.

Compatibilidad con los navegadores

A pesar de las recomendaciones de W3C, no todos los navegadores muestran las hojas de estilo de la misma forma. El explorador Microsoft Internet Explorer 3.0 fue el primero que integró hojas de estilo y su uso se hizo más común con las versiones 4.0 y superiores de Internet Explorer y Netscape Navigator.

Navegadores que admiten hojas de estilo:

Microsoft Internet Explorer 3.0 (parcialmente)
Microsoft Internet Explorer 4 x
Microsoft Internet Explorer 5 x
Microsoft Internet Explorer 6 x
Netscape Navigator 4.x
Netscape Navigator 6.x
Netscape Navigator 7.x
Mozilla x.x
Firefox x.x
Opera 5.x
Opera 6.x
Opera 7.x
Camino 0.8x
Safari 1.xx

Para consultar

En el sitio Web ZenGarden puede comprobarse la importancia de las hojas de estilo ya que le permite elegir estilos diferentes para aplicarlos al mismo contenido.

Última actualización el jueves, 16 de octubre de 2008, 15:43:29 .Este documento intitulado « CSS: Hojas de estilo » de Kioskea (es.kioskea.net) esta puesto a diposición bajo la licencia Creative Commons. Puede copiar, modificar bajo las condiciones puestas por la licencia, siempre que esta nota sea visible.

Siguiente Sintaxis de hojas de estilo

Declaración de una hoja de estilo (CSS) Declaración de una hoja de estilo Las hojas de estilo no están directamente integradas en las recomendaciones HTML de W3C. Por tal razón, se debe incluir elementos en el código HTML que indiquen tanto el tipo de documento, es decir la versión de HTML... es.kioskea.net/contents/css/cssimplant.php3

Fondo para hoja de estilo (Resuelto) Hola, Necesito informacion para poner fondo en una hoja de estilo Espero ayuda Saludos Configuración: Windows XP Internet Explorer 6.0 es.kioskea.net/forum/affich-1196-fondo-para-hoja-de-estilo

CSS: Hojas de estilo Propiedades de fuente Propiedad Valor Descripción font-family Fuente específica (Arial, Times, Verdana) Familia (serif, sans-serif, fantasy, monospace, cursive) Define uno o más nombres de fuentes o familias de fuentes. Si se... es.kioskea.net/contents/css/cssproperty.php3

Resultados de CSS: Hojas de estilo

Cambiar el color de las líneas de división de una hoja ExcelSi el color por defecto (gris) de las líneas de división de una hoja Excel no te permite identificar rápidamente las celdas, entonces puedes cambiarlo por otro. Para ello sigue estos pasos: Abre Excel Haz clic en el menú Herramientas y selecciona... es.kioskea.net/faq/sujet-2600-cambiar-el-color-de-las-lineas-de-division-de-una-hoja-excel

Pasar datos de una hoja Excel a otraA veces necesitamos pasar datos de una hoja Excel a otra y nos damos cuentas que en este caso la función copiar pegar no funciona! Sin embargo, existen varios métodos para pasar datos de una hoja Excel a otra. En este articulo veremos dos métodos... es.kioskea.net/faq/sujet-2585-pasar-datos-de-una-hoja-excel-a-otra

Cambiar el estilo del menú InicioCambiar el estilo del menú Inicio Si cuando abres el menú Inicio éste te ocupa mucho espacio en tu escritorio, entonces puedes regresar al estilo clásico de versiones anteriores. Para ello sigue estos pasos: Haz clic derecho sobre el menú Inicio... es.kioskea.net/faq/sujet-2748-cambiar-el-estilo-del-menu-inicio

Resultados de CSS: Hojas de estilo

Imprimir varias hojasHola,me gustaria saber como imprimir en una HP un calculo de 13 hojas pero que me salga a colores y que salga las 13 juntas Configuración: Windows Vista Internet Explorer 7.0 es.kioskea.net/forum/affich-172342-imprimir-varias-hojas

Hojas de estilo que se puedan descargarHola, porfis me pueden ayudar a encontrar ejemplos de hojas de estilo que se puedan descargar. Gracias................................. Configuración: Windows XP Internet Explorer 6.0 es.kioskea.net/forum/affich-156071-hojas-de-estilo-que-se-puedan-descargar

Hoja de estilo (Resuelto)Hola, Quiero saber como es la linea de codigo para hacer una hoja de estilo? Gracias Configuración: Windows XP Internet Explorer 6.0 es.kioskea.net/forum/affich-462-hoja-de-estilo

Resultados de CSS: Hojas de estilo

Descargar Simple CSSLos archivos css son las hojas de configuración de internet en las pagnas se pueden editar varias cosas como los colores, tiene una interfaz totalmente intuitiva. es.kioskea.net/telecharger/telecharger-4597-simple-css

Descargar StylishPara cambiarle el estilo a todas nuestras paginas favoritas esta extensión es lo mejor que podemos tener, simplemente podemos diseñar la nueva manera en que se verán en nuestra pantalla las páginas que querramos, cambiando el CSS de su... es.kioskea.net/telecharger/telecharger-4791-stylish

Resultados de CSS: Hojas de estilo

Unidades en las hojas de estilo (CSS)Unidades Con las hojas de estilo se pueden usar valores numéricos para establecer propiedades de estilo de varias maneras: De manera absoluta, es decir, en unidades que son independientes de la forma del resultado (por ejemplo, en centímetros). De... es.kioskea.net/contents/css/css-unites.php3

Sintaxis de estilo (CSS)Definición de un estilo Al definir un estilo se utilizan reglas de texto simples para describir el aspecto de los elementos de la página. Una regla CSS se caracteriza por dos elementos principales: Un selector de tipo para especificar a qué... es.kioskea.net/contents/css/csssyntax.php3

Posicionamiento de los elementos en CSSAl usar hojas de estilo junto con las etiquetas y se puede especificar la ubicación del texto o de las imágenes dependiendo de los píxeles. Esto es posible en versiones 4 y superiores de Netscape e Internet Explorer; sin embargo, la... es.kioskea.net/contents/css/cssposition.php3

Resultados de CSS: Hojas de estilo