•Lenguaje de marcas usado para describir el formato

de un archivo de HTML

• ventajas de usar CSS: separar el formato de un HTML

de su contenido

• ¿cómo funciona? Definiendo reglas para controlar el

formato usando selectores, propiedades, y valores

¿Qué es CSS? (Cascading Style Sheets)

• es un lenguaje usado para definir el formato y la apariencia de documentos HTML: fuentes, colores, márgenes, alto, ancho, imágenes de fondo, posiciones…

• es soportado por casi todos los navegadores

• la apariencia y el formato con CSS es flexible y puede ser actualizado con facilidad e independencia del contenido.

¿Qué es CSS? (Cascading Style Sheets)

• control de formato y composición de varias páginas web desde una hoja de estilos centralizada independientemente del contenido

• obliga a crear documentos XHTML bien definidos y con significado completo

• control preciso de la composición

• aplicación de diferentes composiciones para diferentes medios

Ventajas de CSS

• la sintaxis CSS es similar a la de HTML

• Elementos de una Regla CSS• selector: etiqueta html a la que se aplica la Regla

• bloque de declaración: conjunto de propiedades y valores de la Regla

• Ejemplo:

h1 {color: #ff0000;}

Cómo funcionan las CSS

• Hay tres modos de aplicar CSS a un documento HTML

• en línea: CSS se usa como un atributo de la etiqueta

html (se debe usar sólo en CSS para HTML en email)

• Interno: se definen las reglas en el mismo documento

HTML (head)

• Externa: en un archivo separado (.css), es el que usa

todas las ventajas de CSS

Cómo funcionan las CSS

La especificación que se utiliza actualmente para

diseñar páginas web con CSS es la versión CSS

2.1, actualizada por última vez el 19 de julio de 2007 y

que se puede consultarlib en

http://www.w3.org/TR/CSS21/

Cómo funcionan las CSS