En stor css fil eller en för varje sida?

En gemensam är nog bäst då du troligtvis har klasser och egenskaper du vill återanvända på alla sidor, har du unika element på varje sida bör du se över hur du egentligen kodar.

Troligtvis har du ju samma layout på hela sidan samt samma teckensnitt och rubrikstorlekar. CSS-filen cachas av dina besökare så den behöver bara laddas en gång när man först kommer till sidan, sen behöver den aldrig laddas ner igen trots att man byter undersida.

En CSS-fil för varje sida skulle ju omkullkasta hela idén med CSS, nämligen att samla layout-formaten på en plats. Om det nu är så att någon enstaka sida ska ha en annan layout anges det normalt i koden för just den sidan. Den koden kommer i så fall gå före det som finns i CSS.

Samma css för alla sidor, däremot kan man med fördel dela upp olika delar av css:en i olika filer. En för färger, en för layout, en för typsnitt osv.

Det finns ju dock vissa undantag där man kan ha en extra fil för en speciell del av sidan som använder väldigt många egna klasser och sånt, ett exempel är här på Sweclockers där det finns en huvud-CSS för hela sidan och en speciell för forumet som innehåller alla egenskaper för inlägg, avatarer och liknande som inte behövs om man bara besöker huvudsidan. På forumet laddas alltså båda CSS-filerna och den extra för forumet innehåller bara de egenskaper som inte finns i huvudfilen.

Om man inte har ett mindre projekt, som det jag sitter på just nu. Fulkodning på hög nivå, men jag kör på endast en CSS, trots att det i stort sett bara är body och text-typerna som är samma på varje sida. Resterande klasser och ID'n är unika på varje sida, men för att spara resurser, tid och allt sådant har jag allt i en enda CSS-fil, så att användaren bara behöver ladda den en gång.

Detta är dock inget att rekommendera för mer seriösa projekt, men detta är en engångsgrej som inte kommer vidareutvecklas senare.

Dock går det inte alltid att använda samma klasser och ID'n på alla sidor. I mitt fall är det fem väldigt olika sidor, som i stort sett bara har färgerna gemensamt.
Det är endast två klasser som återanvänds bland dessa sidor; Två sidor delar sidhuvud, två andra sidor delar en div.

Det kan vara en bra idé att ha flera CSS-mallar ibland. Man kan även göra som så att man har ett standard-schema för hela sidan, sedan ett separat som även inkluderar "huvudschemat". Har man många layouter för olika devices osv så kan CSS-filen bli på flera tusen rader, vilket gör det svårt för någon som inte är insatt att redigera.

Det var därför kommentarer uppfanns
Användaren bör alltid sättas i fokus, så ju färre saker som behöver laddas, desto bättre. En massiv mall med allt i, separerat med kommentarer, är alltid att föredra i sidor som skall ut live. När någon sedan skall redigera, så kan denne söka på kommentaren med sidan/devicens namn lika lätt i mallen som i mappen.

Precis, och en välstrukturerad sida behöver inte kommentarer. Kommenteringen använder jag endast för att markera att här finns saker specifika för just DEN sidan, om det är något som går långt utanför normen.

Så det är lättare att öppna 15 CSS-filer och köra search-and-replace i dem än att köra seach-and-replace i en enda fil? För jag menar om du har denna temafärg på så många ställen, så måste du ju ändå in i varje separat fil och ändra.

Det var ju förvisso väldigt användbart. Skall kolla genom länkarna du skickade när jag har lite tid, men jag håller fast vid att utåt när ett projekt är klart bör det vara en enda CSS-fil, eller åtminstone så få som möjligt.