logo
  @ import
 

Je wilt graag de boel een beetje overzichtelijk houden, zodat je als je iets nodig hebt precies weet waar het staat. Net zoals bij een woordenboek staat alles netjes op alphabetische volgorde. Als dat niet gebeurde ben je zeker een paar uur zoet om het te vinden, dit geld ook voor je website en ook voor css.
Als je website een beetje groot gaat worden, groeit de css ook en dat houdt in dat het ook onoverzichtelijk gaat worden. Ook hier is aan gedacht en een leuk trucje voor bedacht. Ik ga je nu een voorbeeld geven.
We beginnen met een externe css te maken die we main.css noemen. Hierin stoppen we het volgende:

@import url('body.css');
@import url(links.css');
@import url('table.css');
@import url('tekst.css'); Niets er boven niets er onder, alleen dit. Deze slaan we dus op als main.css.
In je html maak je tussen de <head> en de </head> tags deze zin:

<style type="text/css" media="Screen">/*\*/@import url("css/main.css");/**/</style> Nu maak je vier css bestanden, genaamd; body.css, links.css, table.css en tekst.css.
Je begrijpt het al in de body.css komt alleen de body gegevens van je site te staan, in de links.css de links enz enz ....

Nu is het een heel stuk overzichtelijker en kan je zo iets vinden.

 
eind