CSS

Cascading Style Sheets (CSS) son un formalismo para describir como se debe formear HTML y XML . Bastante frecuentemente, las hojas de estilo en cascada se expresa como forma plural (Google tiene nueve veces más accesos debido a la forma plural).

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

Por ejemplo, el elemento de HTML <H1> indica que un bloque de texto es un encabezamiento y que es más importante que un bloque etiquetado como <H2>. HTML permite atributos extra dentro de la etiqueta abierta para especificar formateos como el color y el tamaño de fuente. No obstante, cada eetiqueta <H1> debe retener su información si se desea una vista gráfica consistente para una página, es más, una persona que lea la página con un hojeador web pierde control sobre la visualización del texto.

Cuando se utiliza CSS, la etiqueta <H1> no debería proporcionar información sobre como va a ser visualizado el bloque de texto; en cambio, solamente marca la estructura del documento. Por consiguiente, la información de estilo separada, especifica como se ha mostra <H1> : color, fuente, alineamiento de texto, medida, y otras características no visuales como la velocidad a la que la página en los lectores de texto.

La información de estilo puede ser adjuntada tanto como un documento separado o embebida en el documento HTML.

Las ventajas de utilizar CSS (u otro lenguaje de estilo) son:

• información sobre la presentation de un sitio web completo o colección de páginas que residen en un lugar, y que pueden ser actulizadas rápida y fácilmente.
• diferentes usuarios pueden tener diferentes hojas de estilo: sintetizadores lectores de texto, por ejemplo. Los hojeadores web permiten a los usuarios especificar su propia hoja de estilo local que será aplicada a un sitio web remoto.
• el documento HTML en sí mismo es más claro de entender

Hay varias versiones : CSS1 y CSS2, con CSS3 en desarrollo por el World Wide Web Consortium (W3C). Los hojeadores web más recientes implementan CSS1 bastante bien. CSS2, sin embargo, está solo parcialmente implentada en los hojeadores más recientes.

Recommendationes del W3C

Cascading Style Sheets, nivel 1 (CSS1), Diciembre 1996

• Propiedades de fuentes
• Propiedades de color y fondo
• Propiedades de texto
  • espaciado de palabras
  • alineación
• Propiedades de caja
  • Margen
  • Borde
  • Relleno
• Propiedades de clasifición
  • 'visualización'
  • listas

Ilustración de propiedades de caja

Margin Border Padding Content Padding Border Margin

Si se define una caja con el atributo width (ancho), se interpreta por el modelo de caja del W3C como la anchura del contenido. La anchura del relleno y del borde se añaden a la anchura total del elemento.

En el modelo de caja de Microsoft el atributo de anchura es la anchura total, es decir, la anchura del contenido, del relleno y del borde.

Esto restringe severamente el uso de este modelo en una especificación para varios hojeadores. Si uno quiere evitarlo, debe establecer la anchura del relleno y del borde a cero. En muchos casos, se han de renunciar a bastantes opciones de diseño. Otra posibilidad es usar un hack (vease la sección de enlaces).

No obstante Internet Explorer 6.0 puede variarse a un modo acorde con el estándar si se una declaración !DOCTYPE apropiada.

Cascading Style Sheets, nivel 2 (CSS2), May 1998

Posicionamiento de elementos de forma relativa y absoluta. ...

Reference

• www.w3.org definición del estándar

Enlaces externos

Comprobación de conformidad:

• Se añadirá un enlace a pruebas CSS1
• W3C CSS Servicio de Validación
• pruebas CSS2 por Peter-Paul Koch
• Box model hack
• Otra evitación del modelo de caja
• Guía de Pánico CSS - un recurso rápido
• CSS-discus wiki - Un wiki dedicado a CSS