Site hosted by Angelfire.com: Build your free website today!
Home Page
Guida Html
Introduzione CSS
Sommario
Tutorial
Usabilità
Contatti
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:

  1. Fogli style esterni.
  2. Fogli style in linea.
  3. Fogli style incorporati.

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.

Vai avanti Torna indietro Sommario Home Page Introduzione ai CSS Sommario Tutorial Corel Usabilit Contatto