Sto iniziando a fare prove utilizzando fogli di stile per capire le loro proprietà, avvalendomi degli esempi di varie guide.

Ho collegato la pagina html su cui sperimento, con fogli di stile esterni. Il problema è che ogni nuovo foglio di stile aggiunto, sembra annullare quello precedente e non ne capisco la ragione.

Questo è il codice:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


<html>

<head>

<body>


<link rel="stylesheet" type="text/css" href="background.css">



<link rel="stylesheet" type="text/css" href="sfondi.css">


</body>

</head>

</html>

Questi sono i due css:

body { background: black; fixed repeat-x top}

---------------------------------

body {
background-color: #FFCC66;
}

h1 {
color: #990000;
background-color: #FC9804;
}

----------------------------------


Il primo foglio di stile innestato, imposta lo sfondo nero. I comandi fixed repeat-x top dovrebbero consentire di centrare lo sfondo nella pagina, ma in definitiva non agiscono, altro mistero.

Il secondo css è un color marroncino, di fatto però l'ultimo css inserito annulla quello precedente..

Come deve essere inserito il codice, affinchè i vari effetti e le varie modifiche si sommino piuttosto che sostituirsi?