CSS

22-03-2019

html-opmaken-met-css

CSS is de afkorting voor Cascading Style Sheet. Het is de programmeertaal waarmee je een website kunt vormgeven. CSS gaat hand in hand samen met HTML. Maak een element met HTML en maak het mooi met CSS. 

html-opmaken-met-css

Bij ieder websitesysteem (CMS) wordt gebruik gemaakt van CSS. Wanneer je een website gaan maken is het dus handig om de basis te leren. Het mooie is dat de programmeertaal niet heel moeilijk is om te leren. Daarnaast kun je online ontzettend veel informatie en tutorials vinden. Hulp nodig met CSS? Neem contact op! Hulp Met Marketing helpt graag met alle CSS vragen en problemen.

Achtergrond kleur veranderen wanneer je met je muis over een element gaat? Zoek even naar [change background color on hover css] en je bent 2 tellen later klaar.

Hoe werkt CSS eigenlijk?

CSS zorgt dus voor het design van specifieke elementen op een website. Je kunt ieder HTML element apart vormgeven. Dat kun je doen door het element een naam te geven in de vorm van een id (id=) of een klasse (class=). Vervolgens kun je de elementen aanspreken in je stylesheet, het document waarin je alle CSS code plaatst. Met een ‘#’ spreek je een id aan en met een ‘.’ een klasse.

Een simpel CSS voorbeeld

Stel: je wilt de achtergrondkleur van ABC veranderen naar zwart, de letters wit en je wilt dat een knop veranderd van kleur wanneer iemand met zijn muis op de knop staat. Dan kun je dat zo doen:

.ABC {
background-color: #000;
font-family: ‘raleway’;
color:#fff;
}
.knop {
background-color: #123456;
color:#000;
transition: .2s ease-in-out;
}
.knop:hover {
background-color:#000;
color:#fff;
}

Hulp nodig met je website?

Recente blogs

WordPress 6.2: een nieuwe en verbeterde ervaring

WordPress 6.2: een nieuwe en verbeterde ervaring

WordPress heeft onlangs versie 6.2 uitgebracht en deze heeft enkele nieuwe en verbeterde functies. In deze blogpost bespreken we de belangrijkste kenmerken van deze update en wat ze voor jou kunnen betekenen. Site editor verbeterd Een van de belangrijkste kenmerken...

AI Copywriting: De Toekomst van Online Contentcreatie?

AI Copywriting: De Toekomst van Online Contentcreatie?

In het digitale tijdperk waarin we leven, wordt het belang van effectieve en aantrekkelijke content steeds groter. Als bedrijf wil je opvallen in de online wereld en je doelgroep bereiken met boeiende en relevante informatie. AI Copywriting, het gebruik van...

Missie 2022: de weg naar groenere websites

Missie 2022: de weg naar groenere websites

In 2022 ga ik me met Hulp Met Marketing focussen op het ontwikkelen van groene websites: razendsnelle, lichte websites met een zo klein mogelijke negatieve impact op het milieu. Dat ga ik doen door samen met andere website-experts Wordpress uit elkaar te trekken en in...

Heeft internetsnelheid effect op je pagespeed score?

Heeft internetsnelheid effect op je pagespeed score?

Website snelheid is de laatste tijd een hot-topic, zeker onder SEO specialisten en website bouwers. Sinds Google’s Core Web Vitals zijn gelanceerd, is de snelheid van jouw website namelijk een actieve ranking factor. Dat betekent dat het hebben van een hele snelle...

Dit is TikTok en zo zet je het in als bedrijf

Dit is TikTok en zo zet je het in als bedrijf

Misschien heb je er wel eens over gehoord, heb je er filmpjes van gezien, of zit je er zelf op: TikTok. Deze razend populaire social media app heeft de afgelopen tijd een enorme vlucht in bekendheid gekregen en is om die reden een belangrijke speler in de digitale...