Mini ejercicio CSS

En el ejercicio de ayer vamos a modificar varias cosas (todo esto, por supuesto, en la hoja de estilo externa):

1.- Cambiaremos el tipo de letra del h1 a algún tipo ‘display’
2.- Cambiar el tipo de letra de la lista a alguno sin serifa pero diferente
3.- Quitar márgenes superior e inferior a las cabeceras
4.- Añadir padding a las cabeceras
5.- Añadir un <p> con cinco párrafos de lorem ipsum
6.- Ponerle el tipo de letra de la lista
7.- Aumentar el espaciado entre letras, entre palabras y entre líneas.
8.- Poner un indent en la primera línea
9.- Que los h1 tengan un borde lateral verde a la izquierda de 0.5rem de ancho

Añadid cualquier cosa que os parezca que le da calidad a la página ¡Sorprendedme!

Mini ejercicio colores y fondos

Vamos a poner un h1, un h2 y un h3 con colores de fondo/ de texto con alguna paleta que nos guste.

Y debajo una lista de ciudades numerada con una imagen de fondo que no haga scroll, no se repita y que ocupe toda la lista.

Colores e imágenes a vuestro gusto.

Generadores de CSS

Códigos predefinidos:

https://csslayout.io/

Creación de rejilla:

https://grid.layoutit.com/

Generador de botones:

https://cssbuttongenerator.com/

Generador de cajas:

https://cssarrowplease.com/

Varios:

https://html-css-js.com/css/generator/

De olas:

https://getwaves.io/

De radios:

https://9elements.github.io/fancy-border-radius/#30.30.64.30–.

De todo:

https://uiverse.io/

https://www.smashingmagazine.com/2021/03/css-generators/