CSS

22-03-2019

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.

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

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

Zo maak je jouw website veilig

Zo maak je jouw website veilig

De veiligheid van een website is van groot belang en wordt steeds belangrijker. Toch zijn veel websites niet veilig. Misschien is jouw website ook wel onveilig, maar geen zorgen! Na het lezen van deze blog kun je jouw website eenvoudig dicht timmeren en zorgen dat...

Instagram 2019 [Complete handleiding voor beginners]

Instagram 2019 [Complete handleiding voor beginners]

Een complete handleiding voor iedereen die helemaal nieuw is op Instagram. Instagram is een snel groeiend social media platform met ruim 4,1 miljoen gebruikers in Nederland. Maarliefst 2,1 miljoen gebruikers zijn dagelijks online met hun Instagram profiel. Voor jou...

Een goede website structuur maken is belangrijk voor SEO

Een goede website structuur maken is belangrijk voor SEO

Websites zijn niet meer weg te denken uit de hedendaagse maatschappij. Dagelijks worden er vele websites uit de grond gestampt, waardoor het moeilijk wordt om op te vallen. Echter hebben veel hedendaagse één ding gemeen: ze hebben een slechte structuur wat heel...