Incorporare più CSS in uno solo

[webtemplum]

Salve...
Vorrei dividere il foglio CSS in più fogli diversi....
Per rendere più semplice l'eventuale manutenzione...

Quindi magari avrei uno screeen.css con tutte le regole base, poi magari un menu.css, un contatti.css e cosi via...

La paginetta html chiamerebbe solo screen.css.
E' possibile fare in modo che screen.css prenda poi al suo interno anche gli altri?

grazie mille!

[Gufo]

devi usare

@import

[webtemplum]

All'interno dello stesso CSS?
Mi funziona con tutti i browser (almeno IE, ff e O?)=

Potresti per favore farmi un esempio concreto?

suppondendo che il CSS che la pagina carica sia

"screen.css" e che nella stessa cartella di screen.css ci sia contattaci.css e boh.css

grazie mille!!!

[Gufo]

Usare @import
A questa pagina abbiamo collegato il foglio di stile "stile1.css" tramite il tag <LINK>:

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

Questo il codice del CSS:

@import url(stile2.css);
body {
background : White;
color : Black;
font: 12px Verdana, Arial, sans-serif;
}

Come vedete non comprende nessuna regola relativa all'elemento <h1>. Lo stile per quest'ultimo è definito all'interno del foglio "stile2.css" incorporato nel primo con la direttiva @import. Questo il codice:

h1 {
color: green;
}

Se la frase "Usare @import" è verde vuol dire che tutto funziona.

http://css.html.it/guide/lezione/25/le-rules/

[webtemplum]

Perfetto...
Grazie mille, e buona domenica!