Ya hemos hablado en tutoriales anteriores que no es intención de este curso ahondar en hojas de estilo, sin embargo, vamos a tratar muy superficialmente el atributo que permite dar estilos a cualquier elemento html.
Aunque lo más normal sería crear un archivo de hojas de estilo y vincularlo a nuestra página web, en este tutorial vamos a crear una clase css llamada caja-bonita, esta clase dará color de fondo, color de borde, etc a una caja.
Fíjense que lo primero es crear dentro de las etiquetas style una clase que dará la apariencia a nuestro div. Posteriormente, crearemos la caja y con el atributo class se llamará la clase que recién hemos creado.
Una vez creada una clase, esta puede ser aplicada a varios elementos sin ningún inconveniente. Vamos a aplicar la misma clase caja-bonita en tres cajas diferente, como es de imaginar, todas tomarán la misma apariencia:
Otra cosa que también ocurre muy a menudo es que un mismo elemento puede tener varias clases. Vamos a hacer tres cajas iguales que van a compartir todas sus características a excepción del color de fondo, entonces cada caja va a tener dos clases, estas van escritas una al lado de la otra separadas por un espacio en blanco.