Estilos CSS básicos

La sintaxis básica para definir un estilo es:

atributo: valor;

Los diferentes estilos siempre se separan con punto y coma (;), y después del nombre se pone dos puntos (y no un igual "=", que es un error típico al confundirse con el HTML). Por ejemplo, si queremos definir una clase que aplique tres estilos usaríamos la notación:

.estilo_de_ejemplo {
    atributo: valor;
    atributo: valor;
    atributo: valor;
}

Es importante usar esta notación correctamente ya que si se nos olvida el punto y coma (;) o no ponemos los dos puntos (:) los estilos no funcionarán.

Muchos de los valores que podemos aplicar a un atributo de estilo tendrán unidades de medida, por ejemplo, el valor del tamaño de un margen o el tamaño de la fuente. Las unidades de medida que podemos utilizar son:

• pixels (px)
• puntos (pt)
• centímetros (cm)
• pulgadas (in)

A continuación se incluye un resumen de los principales estilos CSS y los valores que se les pueden aplicar a los siguientes elementos:

• Estilos para textos
• Estilos para párrafos
• Estilos para fondos
• Estilos para cajas