Selectores de clase

A partir de esta página no usaremos más el atributo style en ninguna etiqueta

Todo el estilo aplicado en el documento será definido dentro de una etiqueta style como "clase", anidada a la etiqueta head del documento.

p {
  font-size: 1em;
  margin-bottom: 60px;
}

Todos los párrafos tienen un default como estilo que incluyen un margin-bottom para separarlos entre ellos

Este párrafo toma el estilo definido en la etiqueta style en el header del documento como class="claseAcotacion" qweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqweqwepqoweipqowiepqowiepoqiwepoqiwepoqiwpoeiqwpoiepoqwiepoqiwepoqipoweiqpowiepoqwi

Este párrafo toma el estilo definido en la etiqueta style en el header del documento como class="claseResaltado"

Este párrafo toma el estilo definido en la etiqueta style en el header del documento como class="claseAyuda"

Este párrafo toma el estilo definido en la etiqueta style en el header del documento como class="claseContenidoComun"

Párrafo formateado por un estilo particular definido en el style del documento para un párrafo específico id="idUnico". No se trata de un selector de clase sino de un selector de elementos "#"

Todas las imágenes con class="imagenA50" en esta página se encuentran limitadas al 50% del ancho del contenedor más allá de su tamaño real en píxeles:

Imagen de ejemplo