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

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

Zo kies je in 2019 kleuren voor je website die bezoekers vasthouden

Zo kies je in 2019 kleuren voor je website die bezoekers vasthouden

Je kunt er maar beter in zo’n vroeg mogelijk stadium mee beginnen: kleuren kiezen voor je website. Webdesign kleuren zijn een belangrijk onderdeel van je brand. Ze komen terug in je logo, in je teksten, afbeeldingen en in het design van je website. De kleuren die je...

Handleiding lokale SEO 2019

Handleiding lokale SEO 2019

Lokale zoekmachine optimalisatie wordt steeds belangrijker. Toch hebben veel bedrijven weinig of geen aandacht besteed aan deze belangrijke marketingmaatregel. Maar hoe belangrijk is lokale SEO om je bedrijf beter bekend te maken en meer omzet te genereren? En wat is...