Bij het bouwen van een grote site kan het begrijpen van de onderdeeltjes van de puzzle het veschil zijn tussen het succesvol organiseren van je CSS bestanden en het bouwen van een kaartenhuis dat op instorten staat.
Er zijn verschillende manieren om je stylesheets in te delen. Hieronder worden 3 genoemd.
- CSS per pagina: Home, content, portfolio etc. elk een eigen stylesheet.
- Pagina element structuur: Elk onderdeeltje van de pagina heeft een eigen stylesheet, de header, footer, submenu etc. hebben elk een eigen stylesheet.
- Taggebaseerde structuur: Formulieren, tables etc. hebben elk een eigen stylesheet.
Bron: Achitecting CSS
Nog geen reacties op "Stylesheet Architectuur"
Alleen bij een kleine site zou ik voor de eerste manier gaan. Of zelfs alles binnen 1 stylesheet houden.
Bij complexe sites ga ik voor de tweede manier. Ander krijg je een wirwar aan kleine stylesheetjes.
ik combineer meestal de drie manieren:
de hoofd lijnen van de site, zoals lettertype, en dergelijke ga ik groeperen in een taggebaseerd stylesheet.
Daarnaast heb ik een stylesheet dat de verschillende onderdelen beschrijft.
En stel nu dat ik een pagina heb die een stuk heeft dat enkel op die pagina zo gestyled is, dan stop ik dat in een apart stylesheet voor die pagina alleen.
Plaats je reactie
Velden met een * zijn verplicht in te vullen