CSS 2.1

CSS2.1 incluye a CSS1 (salvo pequeños detalles) y corrige algunos errores de la versión 2.0. Permite ubicar elementos de XHTML en diferentes capas cuyo posicionamiento no tiene que seguir el flujo HTML (plantea el modelo de cajas donde cada bloque se define como una caja que se coloca en un lugar concreto).

Está soportado por la mayoría de navegadores web de escritorio actuales (Mozilla Firefox, Opera, Google Chrome, Safari, Internet Explorer desde la versión 8.0) y tambien de dispositivos móviles (Opera Mobile, Opera Mini, S60 Browser, Netfront, Safari Mobile, etc).

Existen tres formas distintas de aplicar estilos a una página web:

• Hoja de estilo externa: es una hoja de estilo que está almacenada en un archivo diferente al archivo donde se almacena el código HTML/XHTML de la página Web
• Hoja de estilo interna: es una hoja de estilo que está incrustada dentro de un documento HTML
• Estilo en línea: es un método para insertar el lenguaje de estilo de página directamente dentro de una etiqueta HTML

Se recomienda el uso de hojas de estilo externas ya que separa completamente las reglas de formato para la página de la estructura básica de la misma.

Ejemplo de uso:
<link rel=”stylesheet” type=”text/css” href=”/css/estilos.css” media=”screen” />
<link rel=”stylesheet” type=”text/css” href=”/css/estilosPrint.css” media=”print” />
<link rel=”stylesheet” type=”text/css” href=”/css/estilosMovil.css” media=”handheld” />