Activitat 2 - CSS

Partint del fitxer HTML que mostrà el següent has de modificar-lo segons les indicacions que trobaràs més avall.

Has de realitzar les següents tasques sobre el fitxer html anterior. Pots canviar els colors si vols:

1. Canviar el color al fons de tota la pàgina per #eaece5. (Utilitza l'etiqueta body)

2. Tots els títols h1 han de tindre aquestes característiques:

1. color: #c0ded9;

2. background-color: #3b3a30;

3. encoixament (relleno) de 5px dalt i baix i 10px als costats

4. amplada que s'adapte al màxim contingut

5. marge de 0 dalt i baix i als costats automàtic

3. Tots els títols h2 amb color: #3b3a30;

4. La taula amb:

1. amplada que s'adapte al màxim contingut

2. marge de 0 dalt i baix i als costats automàtic

5. Crea un identificador (llista_index) a la llista principal de l'index (ol) i afegeix:

1. amplada que s'adapte al màxim contingut

2. marge de 20px dalt i baix i als costats automàtic

3. borde de 2px, tipus inset i color #b2c2bf

6. Crea una classe per elements de primer nivell (element_primer_nivell) de l'index i afegeix la classe a l'únic element que hi ha i afegeix aquestes propietats:

1. negreta

2. tamany de lletra 150%

3. color #3b3a30

7. Crea una classe per elements de segon nivell (element_segon_nivell) de l'index i afegeix la classe als elements que hi ha i afegeix aquestes propietats:

1. negreta

2. tamany de lletra 120%

3. color #3b3a30

8. Crea un identificador (primera_fila) per a la primera fila de la taula (primer tr) i afegeix:

1. negreta

2. que es pose tot en majúscules (text-transform: uppercase)

9. Tots els tr alineats al centre

10. Tots els td amb amplada de 200px i color de fons #c0ded9

11. Afegir enllaços a l'index

1. A tots els elements de l'index de segon nivell (els elements li) afegeix abans del li l'etiqueta a (enllaç) i al tancament del li afegeix el tancament de l'enllaç. Quedarà així:

<a href=""><li>----</li></a>

2. Ara has d'afegir un identificador a cada títol h2 per exemple: text1, text2, text3 i titoltaula

3. Ara, a l'atribut href de les etiquetes a has d'indicar els identificadors que has creat: #text1, #text2, #text3 i #titoltaula (Comprova que funcionen els enllaços

4. Tots els enllaços sense el subratllat

Ací veuràs un exemple: