Peppi: wechselndes Style mit der Tageszeit...

Beitrag lesen

Hallo und guten Abend,
ich habe eine Frage zum folgendem Code:

<script language="JavaScript">
<!-- Verstecken für ältere Browser --
  today = new Date()
    if(today.getMinutes() < 10){
        pad = "0"}
    else
    pad = "";
  document.write    ;if((today.getHours() >=6) && (today.getHours() <=11)){
document.write("Guten Morgen") //nach 6 Uhr bis 11 Uhr
}
   if((today.getHours() >=11) && (today.getHours() <=13)){
document.write("Mahlzeit! ") //nach 11 Uhr bis 13 Uhr
}
    if((today.getHours() >=12) && (today.getHours() <=16)){
document.write("Guten Tag !") // nach 12 Uhr bis 16 Uhr
}
    if((today.getHours() >=17) && (today.getHours() <=23)){
document.write("Guten Abend !") //nach 17 Uhr bis 23 Uhr
}
    if((today.getHours() >=0) && (today.getHours() <=4)){
document.write("Sind sie Nachtschwärmer?")
}
    if((today.getHours() >=4) && (today.getHours() <=6)){
document.write("Sind Sie etwa schon oder gar noch auf?")
}
// -- Ende verstecken -->
</script>

Kann  mir bitte jemand sagen, wie es aussehen muß, wenn mann eine style.css und text aneigen lassen will ?
z.B. so:

Guten Morgen....
Style01.css

Guten Tag....
Style02.css

Guten Abend...
Style03.css

Und in welchen Bereich soll der gesammte Code, zwischen <head> und </head> ?