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. 

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;
}