Wat is inline CSS?
Inline CSS is opmaak die direct bij een element in je HTML staat, in plaats van in een apart opmaakbestand.
Je zet dan bij dat ene element dat het rood moet zijn, in plaats van dat ergens centraal af te spreken.
Het werkt, en het is bijna altijd de verkeerde plek.
De drie plekken voor opmaak
In een apart bestand, in een blok bovenaan je pagina, of direct bij het element. Dat laatste is inline.
De eerste is voor bijna alles de juiste. Meer daarover lees je bij css.
Waarom het bestaat
Voor uitzonderingen die per element verschillen, en voor opmaak die door software gegenereerd wordt.
Denk aan een voortgangsbalk waarvan de breedte per keer anders is. Meer daarover lees je bij wanneer je inline CSS wel gebruikt.
Waar het vandaan komt op je site
Uit paginabouwers, uit plugins en uit tekst die uit Word geplakt is.
Die laatste is de meest voorkomende bron bij een gewone WordPress-site. Meer daarover lees je bij html.
Mijn vuistregels
- Zet opmaak in een bestand, niet bij het element.
- Plak tekst zonder opmaak.
- Gebruik inline alleen voor waarden die per element verschillen.
- Ruim op wat er per ongeluk in staat.
Die tweede voorkomt het meeste zonder dat je iets hoeft te repareren.
Waarom het lastig is
Het wint van je opmaakbestand, dus je centrale afspraken werken niet meer. En het staat verspreid over je pagina’s.
Meer daarover lees je bij waarom inline CSS je stijlbestand overschrijft.
Wat je ermee moet
Weten dat het bestaat, herkennen waar het vandaan komt, en het opruimen als je opmaak zich onlogisch gedraagt.
Meer daarover lees je bij elementor.