Javascript/CSS - statische Bildhöhe soll dynamisch werden

[Marisu]

ich möchte, dass wenn man auf die eine Unterseite (z.B Projects oder about oder whyus) klickt body und ein bestimmtes margin-top jeweils anders sind, als wenn man auf eine andere geht. D.h. hier könnte man vielleicht auch die CSS-Datei entsprechend anpassen, dass man nur eine CSS-Datei braucht. Aber davon habe ich überhaupt keine Ahnung.

Dann füge auf der betreffenden Seite z.B. eine Klasse oder ID im body-Element ein.

body {

margin-top: 200px;
}

body.layout2 {
  margin-top: 100px;
}

  
Hallo ihr beiden,  
erstmal vielen Dank für eure große Hilfe! Ich glaube ich habe noch etwas wichtiges vergessen. Die "Einzelseiten" sind alle in einem html-Dokument zusammengefasst. Kann ich dann dennoch so vorgehen?