Comentarios al ejercicio Greguerías 1

Cabecera

En la cabecera <head> de la página hay que:

Etiquetas

Al desactivar la hoja de estilo se puede identificar las siguientes etiquetas:

Al volver a aplicar la hoja de estilo no se identifican más etiquetas, pero puesto que los párrafos no son todos iguales, es que hay varias clases de párrafos <p>.

Clases

En total, hay cuatro estilos de párrafo <p> distintos, por lo que usaremos cuatro clases de párrafo <p>.

Podemos simplemente llamar a las clases a, b, c y d, o intentar afinar un poco más fijándonos en si los estilos están asignados al azar o hay alguna relación con el contenido o la posición. En este caso, parece que hay cierta relación entre el tema tratado por la cita y el estilo, lo que nos permite usar nombres de clases relacionados con el tema:

Fuentes

En este ejercicio se utilizan las fuentes genéricas:

Estilos

Al restablecer el estilo se pueden identificar las propiedades utilizadas:

Solución del ejercicio

El código HTML del ejercicio puede consultarse abriendo la página web del ejercicio Greguerías (1) y abriendo el código fuente (Ctrl+U).

La hoja de estilo del ejercicio puede consultarse abriendo este enlace a la hoja de estilo del ejercicio Greguerías (1).

Tenga en cuenta que en estos ejercicios hay a menudo varias maneras de conseguir lo mismo, por lo que la solución no es nunca única.