En artículos anteriores, hemos visto la forma de definir estilos para ciertas partes de la web, como por ejemplo, las cabeceras H1, H2... La mayor parte de las veces, nos interesará dar estilo propio a otras etiquetas o fragmentos de nuestra web, como por ejemplo un determinado párrafo o un pequeño trozo de texto. Así, crearemos nuestras propias clases para dar un estilo personalizado a cada elemento.

      Para esta tarea, siempre seguiremos un esquema fijo en la sintaxis, es decir, en el documento .css o dentro de las etiquetas <style type="text/css"> y </style>, escribiremos:

        .nombreclase {
        propiedades de la clase
        }

      Pero vamos a verlo con un ejemplo: deseamos que el texto de un párrafo esté en negrita, con el tipo de fuente verdana en color azul, con un tamaño de 13 px y con una alineación justificada. Por lo tanto, escribiremos:

        .parrafotipo1 {
        font- weight: bold;
        font - size: 13px;
        color: #0000FF;
        font - family: Verdana;
        text-align: justify;
        }

      Ahora, en el la etiqueta que define el párrafo deseado, especificaremos por qué clase se define, o lo que es lo mismo:

      Como se ve, el proceso de creación de clases no es nada complicado y puede sernos de gran utilidad. Por supuesto, podremos definir cuantas clases queramos y cambiar las propiedades cuando éstas ya no nos gusten.