proprietà clear e float

[misteriosamente]

ciao a tutti i collegati del momento

c'è qualcuno che mi sa spiegare come fare per inserire la proprietà clear ?
cioè nel codice sotto vedo che è specificato che devi creare un css con quelle cose, ma la parolina cleat come faccio ad inserirla mentre si crea il codice?

div#container{width:600px;margin:0 auto;
text-align:left;background: url(bk.jpg)}
div#header{background: #7EA9C7;border-bottom:1px solid #000}
div#content{float: left;width: 440px} div#sidebar{float: right;width: 160px}
div#footer{clear: both;width:600px;
border-top:1px solid #000;background: #F1EFE2}

in poche parole occorre inoltre creare molti css a seconda delle proprieta che vogliamo inserire in un menu' ?

Ad esempio se creo un layout con tre colonne e voglio creare in tre colonne tre tipi di contenuti diversi con effetti diversi ,cioè un sfondo blu in una colonna, uno sfondo verde in un altra, ecc oppure cambiare i bordi in una e viceversa...dovrò affidarmi a tre tipi diversi di css ?e dove andranno collegati esattamente ogni css? accanto a cosa?


Guide on linegni volta che leggo le guide in onda sul sito citano sempre un css minimale ma serve come esempio credo, cioè devo sempre crearne io uno per ogni colonna ?

Non so se sono stata chiara , ma la cosa che mi preme di più sapere è ,dove nasce la proprietà clear ,cioè come si fà ad inserirla basta scrivere clear nel codice ?

grazie

[Fello]

cito:

La proprietà clear consente di impedire ad un elemento di avere elementi float su uno o entrambi i lati. I possibili valori sono right, left o both. La proprietà clear è spesso molto utile per controllare la disposizione degli elementi adiacenti ad elementi float. Il suo uso, spesso necessario in un layout che usa float, può purtroppo avere effetti non desiderati.

personalmente non so dirti di più non avendola mai usata, cmq
ti do un link