Non puoi!
Il foglio di stile viene definito solo nell'intestazione della pagina e non dove potrebbe servire.
Quindi un foglio di stile per ogni pagina.
quello che devi fare è ciò che si fa normalmente, ovvero definire due layer, come se fossero effettivamente due mezze pagine, e poi definire gli elementi al loro interno.
Per esempio:
codice:
div#sopra {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 300px;
background: blue;
color: yellow;
}
div#sopra h1 {
text-align: center;
font-family: monospace;
color: green;
}
div#sotto {
position: absolute;
top: 301;
left: 0;
width: 100%;
height: 300px;
background: red;
color: yellow;
}
div#sotto h1 {
text-align: center;
font-family: monospace;
color: black;
}
<body>
<div id='sopra'>
<h1>parte di sopra</h1>
</div>
<div id='sotto'>
<h1>parte di sotto</h1>
</div>
</body>
questo è un modo; in pratica "dentro" ogni layer (sopra e sotto) inserisci gli elementi (tags) che vuoi, e li ridefinisci come vuoi, essi avranno "visibilità" solo dentro i rispettivi layer e non fuori di essi.
Ciao, ciaooo.
Rispondi quotando
