CSS optimalisatie

Wat is CSS

CSS is een afkorting van cascaded style sheets. De naam geeft al aan wat het kan zijn, style sheets, ofwel stijlbladen. Deze bestanden geven aan welke stijl ieder HTML element heeft. Dit is de reden dat HTML classes of id's en stijlen hebben, deze staan vaak in een stijblad beschreven. Zo kun je bijvoorbeeld iedere afbeelding een klasse of een id geven. Een id kun je maar een keer gebruiken op een pagina, een klasse meerdere keren.

<img src="/afbeelding.jpg" id="headerafbeelding" alt="Alternatieve tekst"/>
<img src="/afbeelding.jpg" class="afbeelding" alt="Alternatieve tekst"/>

Vervolgens kun je deze klasse of id een stijl geven. Ieder element met die klasse of id krijgt dezelfde stijl tenzij deze verderop in de CSS wordt overschreven.(in het voorbeeld een randje rond de afbeelding van 1 pixel breed in de kleur #ccc, grijs)

Binnen CSS kan een hoop worden opgeschoond. Bijvoorbeeld Ongebruikte stijlen, maar ook Te complexe stijlen.