Style je vorige website door gebruik te maken van CSS

Opdracht

1. Je start van een website met meerdere pagina’s en styled alle pagina’s met hetzelfde CSS-bestand, zorg dat je css-bestand de gebruikelijke naam heeft.
2. Je gebruikt enkel CSS in het .CSS-bestand en niet in je .html-bestand .
3. Zorg ervoor dat je CSS-code een goede structuur heeft.
   Je maakt bijvoorbeeld gebruik van h1, h2, a als elementen dezelfde opmaak moeten hebben.
4. Nadien geef je 1 pagina een ander ontwerp, door gebruikt te maken van een ander CSS-bestand.
5. Ga zelfstandig opzoek naar nieuwe CSS-attributen om je website zo mooi mogelijk te maken.

Te gebruiken css-properties

Probeer met zo veel mogelijk van onderstaande css-properties te experimenteren:

Tekst:

• color
• font-size
• font-weight
• font-style
• text-align
• text-decoration
• line-height

Elementen:

• background-color
• width & height, maak gebruik van zowel % & px
• margin
• padding
• border-radius

Uitdagingen

• Geef je pagina een afbeelding als achtergrond.
• Geef een HTML-element een rand, geef deze rand ook een kleur en dikte.
• Geeft een HTML-element een schaduw, geef deze schaduw ook een kleur.
• Geeft een tekst een schaduw, geef deze tekst ook een kleur.
• Maak elementen doorschijnend.
• Surf naar https://fonts.google.com/ en gebruik lettertypes.