Fogli di Stile a Cascata |
Cos'e' il CSS1? Significa: Cascading Style Sheet level 1 ossia Fogli di Stile a Cascata (questa e' la priva versione, ma mentre sto scrivendo il W3C sta gia' sviluppando CSS2). Bene, ma cosa significa effettivamente? Ok, quando costruisci una pagina web, devi usare il linguaggio HTML. In altre parole, devi indicare al browser web (client) come deve visualizzare una certa pagina. Bene, e quindi?
L' HTML e' scritto all' interno di una pagina di testo e percio' se vuoi cambiare l' aspetto di quella pagina, devi cambiare il suo codice HTML!
Bene, e allora? (ancora?!)
Cosa accade quando devi aggiornare un sito intero? Magari composto da migliaia di pagine? Supponiamo tu debba cambiare il colore dello sfondo da bianco a nero
Devi EDITARE tutte le pagine!! Proprio un brutto lavoro, giusto? Effettivamente...
Beh, si da il caso non sia proprio cosi'...se usi i CSS pero'.
Il CSS1 venne sviluppato dal consorzio W3C. Si tratta di una organizzazione che non ha scopo di lucro, ma ha come scopo principale lo sviluppo del web e la definizione di standard riguardanti il web. Tutte le versioni di HTML sono state definite dal W3C ad esempio. Tramite i fogli di stile, il contenuto di un documento e' separato dalle regole che descrivono come deve apparire la pagina. Il W3C afferma: 'One of the goals of CSS is to provide an alternative to HTML extensions', percio' ora ci sono piu' possibilita' effettivamente, e si possono costruire delle pagine favolose facilmente. Puoi costruire delle pagine senza gif, ed il risultato sara' come se avessi realmente usato delle immagini gif...
Se il tuo browser supporta CSS1 (dovresti usare la versione 4 od una piu' aggiornata dei browser Netscape Navigator o Microsoft Internet Explorer) puoi vedere un piccolo esempio di CSS1...Cosa? Pensi sia solamente una gif? Beh, osserva il sorgente della pagina...Ricorda: l' intera pagina e' meno di 1 Kb!! Nessuna gif!! Beh, solo una gif, perche' ho aggiunto un bottone successivamente...Dai un' occhiata al codice:
<html><head><title>CSS! sample</title>
<STYLE><!--
#backgbox {position:absolute; top:110; left:100; height:175;
width:500; background-color:yellow; border: solid blue; white-space:pre}
#dropshadow {position:absolute; top:35; left:50; width:200;
font:italic bold 90pt Verdana; color:Black;}
#foregbox {position:absolute; top:30; left:37; width:200;
font:italic bold 90pt Verdana; color:red;}
--></STYLE></head>
<body bgcolor="#ffffff">
<div id="backgbox"> <br> <br> <br> <br> <br> <br> <br> <br> <br> </div>
<div id="dropshadow">Overlay Effect</div>
<div id="foregbox">Overlay Effect</div>
</body></html>
Non preoccuparti: e' piu' semplice di quello che pensi...
Devi sapere 2 cose sui commenti: prima di tutto ci sono molti browser che non capiscono i fogli di stile (d' ora in poi li chiamero' CSS). Percio' devi nascondere il codice CSS a questi browser. Dato che di solito i browser ignorano i tag sconosciuti, puoi usare tranquillamente il tag <SCRIPT>. Comunque, anche se i browser ignoreranno il tag <SCRIPT>, non ignoreranno di certo il codice contenuto all' interno di questo tag. Percio' devi usare la notazione '<!--' e '-->' per nascondere il codice. La stessa cosa accade quando stai usando il codice Javascript. Infine, devi sapere come nascondere i tuoi commenti all' interno del codice CSS. Devi usare la stessa notazione del linguaggio C: inserisci '/*' all' inizio del commento e '*/' alla fine.
Home Pag. prec. Chi siamo? Scrivici!
Copyright © 1998-2005 Wowarea