Add Reply | New Topic | New Poll

> Css - Tutorial #1, Che cosa sono i CSS?
granita
Inviato il: Mercoledì, 07-Ott-2009, 11:24


Admin
***

Gruppo: Admin
Messaggi: 337
Utente Nr: 2
Iscritto il: 29-Mag-2007



Si fa un gran parlare di CSS, in bene ma anche in male, ma che cosa sono?

I CSS sono i fogli di stile. Punto.
Già ma all'atto pratico che significa?

Quando si costruisce una pagina web occorre definire uno stile per tale pagina, per cui si decide che tale pagina avrà determinate dimensioni, che lo sfondo della pagina avrà un determinato colore o immagine di sfondo, che tutti i titoli avranno un certo tipo di font, un certo colore, una certa dimensione, che il box, per esempio, delle news avrà uno sfondo di un certo colore e avrà un bordo di un certo tipo e di un determinato colore, e così via.

Se si lavora in HTML puro, si apre un foglio bianco, si cominciano ad inserire gli elementi della pagina, si posizionano dove si decide che devono stare, si sistemano i colori, le dimensioni, i bordi, insomma si dà l'aspetto grafico alla pagina.

Se poi si deve creare una seconda pagina, occorre ricreare da capo tale pagina, reinserire gli elementi come nella prima, ricolorare come nella prima... insomma bisogna ricominciare da capo.

I CSS servono per creare a monte uno stile delle pagine che dobbiamo realizzare.
Per cui nel CSS noi indicheremo da subito:
- le dimensioni delle pagine
- le dimensioni, il tipo e il colore del font che andrà a scrivere nei contenuti delle pagine
- le dimensioni, il tipo e il colore del font che si utilizzerà per il titolo
ecc. ecc.

Una volta creato il CSS, basterà richiamarlo nella pagina che stiamo realizzando e automaticamente tale pagina acquisirà i valori indicati nel CSS.
A questo punto si possono creare infinite pagine, tutte con le stesse caratteristiche perchè a monte c'è il medesimo CSS.

Come scrivere un CSS e come richiamarlo per il suo utilizzo lo vedremo in seguito.
Top

Topic Options Add Reply | New Topic | New Poll

 



[ Script Execution time: 0.2866 ]   [ 19 queries used ]   [ GZIP Abilitato ]



a dannik skin.  If you wish to use this skin, please do not edit this link. Thank You for choosing a dannik skin!