|
Design
|
CSS |
Introduzione ai Fogli Style ( C.S.S. )Quello che offre l'HTML non è sufficente a soddisfare le richieste grafiche del Web odierno. Ancora oggi si utilizzano le tavole per posizionare testi immagini ed oggetti. Con i CSS, (Cascade Style Sheets ) "fogli stile a cascata" , si può migliorare la grafica delle pagine web. In questa sezione se ne darà solo un'accenno pratico. Esistono tre tipi di css:
I fogli style esterni: E'Sufficente creare un file esterno ed inserire nelle pagine un link che richiama il file. In pratica questo è molto utile quando si vuole modificare un sito molto grande contenente ad esempio oltre 100 pagine; per apportare le modifiche alle font, ad esempio, bisognerebbe lavorare sul codice di ogni pagina. Con i CSS esterni è sufficente modificare un unico file ed automaticamente ci ritroveremo il sito aggiornato. Ma passiamo ora ad un'esempio pratico. Fate il copia/ incolla del seguente codice cosi come è e salvatelo con l'estensione .css ad esempio pagina.css h1 { font-size: 35px; font-family: verdana; color: #ff0000 } h2 { font-size: 25px; font-family: arial; color: #0000ff } Poi inserite questo link nelle pagine che volete modificare il titolo con "H1" e "H2" inseritelo tra i tag <head> <link rel= stylesheet href= pagina.css type= text/ css> Salvate, ed il gioco è fatto. |