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

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...

Een Facebook shop beginnen doe je zo

Een Facebook shop beginnen doe je zo

19 mei 2020 was een belangrijke dag voor ondernemers met een (web)winkel: Facebook lanceerde toen eindelijk hun langverwachte tool ‘Facebook Shops’. In verband met de Covid-19 crisis heeft Facebook er extra druk achter gezet om deze tool te lanceren, met de gedachte...

Met deze tools meet je wat jouw website bezoekers doen

Met deze tools meet je wat jouw website bezoekers doen

Met een goed inzicht in het gedrag van jouw website bezoekers kun je een website aanpassen en optimaliseren. Zo zorg jij voor een betere online experience voor jouw bezoekers, wat weer resulteert in een beter online rendement. Als een bezoeker op jouw website komt,...

Hoe stel je Google Analytics in binnen jouw website?

Hoe stel je Google Analytics in binnen jouw website?

Google Analytics is een gratis tool die jouw website bezoekers inzichtelijk maakt. Met de tracking software kun je eenvoudig bijhouden hoeveel bezoekers er op jouw website komen, via welke kanalen en wat het gedrag van de websitebezoekers is. Dit is mogelijk door een...

Google Page Experience algoritme update komt in 2021

Google Page Experience algoritme update komt in 2021

Google kondigde op 28 mei aan dat er een nieuwe grote Algoritme update aankomt in 2021 die gericht is op de gebruikerservaring op websites: Page Experience. Google geeft al jaren signalen af dat het belangrijk is dat website bezoekers een goede ervaring hebben. Met...