Prima Pagina > Creazione Siti Web > CSS - fogli di stile

News
Pubblicità

Fogli di Stile - CSS

Attraverso l'uso dei CSS, fogli di stile, è possibile separare la presentazione grafica di un sito web dal suo contenuto.

INTRODUZIONE AI CSS :: IL TUO PRIMO CSS :: LIBRI CONSIGLIATI :: CSS NEL WEB

I fogli di stile, standard approvato dal W3C, sono un ottimo strumento per separare il contenuto dallo stile. Immagina un foglio di stile come un file di testo (con estensione .css invece di .txt) dove vengono definite le proprietà che saranno applicate alle pagine del sito collegate: colore sfondo, colore testo, colore bordo, spessore bordo, margini, padding, tipo di bordo, distanza tra le parole e molto altro ancora. Per esempio possiamo inserire all'interno del nostro foglio di stile il comando

body {background: #000;}

e tutte le pagine del sito collegate a questo foglio di stile avranno lo sfondo nero. Per cambiare lo sfondo di tutte le pagine basterà cambiare il colore specificato nel foglio di stile

{background: #fff;}

e tutte le pagine avranno uno sfondo bianco.

Esempi Pratici - formattazione html

In un file esterno (o in line nell'header della pagina) è possibile ridefinire tutti i tag o creare nuovi stili: per es. si può ridefinire il tag BODY impostando un colore di sfondo rosso, e tutte le pagine legate a quel foglio di stile avranno lo sfondo rosso. Un vantaggio? Per cambiare colore di sfondo alle 400 pagine del tuo sito basta solo ridefinire BODY nel foglio di stile.

Esempi Pratici

  • BODY: personalizza la tua pagina
  • Tabelle: impara a modificare lo stile delle tue tabelle con i CSS
  • Font : sottolineato, evidenziato, colorato...
  • Link: per chi non si accontenta dello standard blu e viola(visited, active, hover)
  • Navigation Bar (Barra di Navigazione)
  • Form-Moduli

I fogli di stile presentati non sono protetti da copyright e sono liberamente utilizzabili

 

  • Web Redesign