Stijlzicht is een webpagina die een overzicht geeft van de gebruikte CSS-stijlen op deze website. Met afbeelding van vingerhoedskruid. De vele HTML-elementen, zoals koppen, broodtekst, linkjes en alinea’s, hebben een stijl. De belangrijkste elementen zijn op deze pagina weergegeven. Zo is hieronder te zien hoe de ‘Lees meer’ knop er uit ziet.
Alinea’s tonen Lorem Ipsum -tekst, net als vroeger bij de letterzetters van een drukkerij.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc pellentesque tincidunt purus sed hendrerit. Pellentesque varius consequat mi id accumsan. Aliquam mattis auctor ipsum quis consequat. Pellentesque ullamcorper, nibh facilisis luctus euismod, metus eros cursus massa, eu accumsan turpis velit et felis.
En hier nog een voorbeeld van een link naar een popup venster: brem.
In feite is het een link naar het bericht over brem. Aan de link is toegevoegd: class=”modal-link”
Die toevoeging maakt dat het een popup wordt.
OVERZICHT van alle flora beschrijvingen.
Koptekst 1
Wat letterstijlen in deze standaard alinea: Aenean id dui mi. Maecenas id augue ante. Duis id eros lectus. Praesent pretium hendrerit orci, et pellentesque nulla interdum non. Donec lobortis pulvinar fermentum.
Breedte van deze alinea = 720 pixels.
Koptekst 2
Stijl van de broodtekst:
= lettertype: ‘Roboto’, sans-serif;
= lettergrootte: 16px | regelhoogte: 24px;
= kleur: #666666; (donker grijs)
En een ongeordende lijst:
- lijst: ongeordend
- lijst padding
- lijst marge
- item padding
- regelhoogte
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Koptekst 3
Alinea of paragraaf, gevuld met Lorem Ipsum tekst. En een geordende lijst. Lorem ipsum dolor sit amet, consectetur adipisicing elit,
- sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Koptekst 4
Alinea of paragraaf, gevuld met Lorem Ipsum tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Blockquote: Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Inspring: Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Gecentreerd: Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Koptekst 5
Alinea of paragraaf, gevuld met Lorem Ipsum tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Koptekst 6
Alinea of paragraaf, gevuld met Lorem Ipsum tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Linkje: Leer zelf een website stijlen.
abcdefghijklmnopqrstuvwxyz