Wat is CSS en waar gebruik je het voor?
CSS is de taal waarmee je bepaalt hoe een webpagina eruitziet. Kleuren, lettertypen, afstanden, randen en de indeling van je blokken.
De inhoud zelf staat ergens anders, in HTML. CSS legt daar een laag overheen.
Die scheiding is de reden dat je het uiterlijk van een hele site kunt veranderen zonder één tekst aan te raken.
Hoe het werkt
Je wijst een onderdeel aan en zegt wat ermee moet gebeuren. Bijvoorbeeld: alle koppen van niveau twee worden donkerblauw en krijgen ruimte erboven.
Die regel geldt dan overal op je site, op elke pagina. Eén plek aanpassen, overal effect.
Waar het staat
Meestal in een apart bestand dat je pagina inlaadt. Bij WordPress zit dat in je thema.
Eigen aanvullingen zet je in het extra-opmaakveld of in een child theme.
Wat je ermee kunt
Alles wat met uiterlijk te maken heeft: kleuren, schaduwen, animaties, en de indeling die zich aanpast aan een klein scherm.
Dat laatste is tegenwoordig het grootste deel van het werk. Meer daarover lees je bij breakpoint.
Mijn vuistregels
- Schrijf zo weinig mogelijk; elke regel moet je later onderhouden.
- Zet je eigen opmaak op één plek, niet verspreid over pagina’s.
- Gebruik geen uitroeptekenregel om iets af te dwingen; los de oorzaak op.
- Zet er commentaar bij, ook als je denkt dat je het onthoudt.
Die laatste is voor jezelf over een jaar, en die is je dankbaar.
Wat het niet doet
Het verandert niets aan wat er op je pagina staat, alleen aan hoe het eruitziet. Tekst die je verbergt met CSS staat er nog steeds.
Dat is belangrijk voor zoekmachines en voorleessoftware. Meer daarover lees je bij het verschil tussen HTML en CSS.
Moet je het kennen?
Niet om een site te beheren. Wel handig als je kleine aanpassingen zelf wilt doen zonder elke keer te bellen.
Een paar regels leren kost een middag en bespaart je jarenlang kleine facturen.