fogli di stile esterni, noto anche come fogli di stile CSS, o CSS, sono uno strumento utile se si dispone di un sito web con molte pagine. È possibile applicare stili coerenti in tutta molte pagine web definendoli in un unico file CSS. Ciò consente di risparmiare si lavora, se avete bisogno di cambiare il look and feel di un sito web. Devi solo apportare modifiche in un unico file, invece di diversi file. Per trarre vantaggio di utilizzare fogli di stile esterni per il tuo sito, attenersi alla seguente procedura.

istruzione

1 Aprire un editor HTML o un programma software Notepad. Creare un nuovo documento di testo con estensione css. Nome del file "style.css" e salvarlo. Questo file è il foglio di stile esterno.

2 Aprire la pagina web o le pagine in cui si desidera applicare il foglio di stile. Collegare le pagine web al foglio di stile CSS. Mettere il tag seguente "link" tra i tag "testa" della pagina web come ad esempio:

3 Definire gli stili per i vari elementi di una pagina web. fogli di stile CSS utilizzare una sintassi in tre parti: un selettore, proprietà e il valore. Il codice di stile seguente definisce gli stili per il corpo, le intestazioni e il paragrafo in una pagina web.

body {background-color: blue}

h1 {font-size: 30pt}

h2 {color: black}

p {margin-left: 40px}

4 Copia e incolla il codice di stile è stato creato nel file style.css e salvarlo.

5 Caricare il file style.css e le pagine web che sono collegati al file CSS al server web. Assicurarsi che questi file sono nella stessa directory.

6 Aprire un browser Web e caricare la pagina Web collegata o le pagine per testare il foglio di stile. Se le pagine sono collegate correttamente, gli stili definiti nel display foglio di stile esterno nelle pagine web.

Consigli e avvertenze

• Essere consapevoli del fatto che le grandi dimensioni fogli di stile esterni aumentano volta pagina di download. Essere selettivi con gli stili si decide di utilizzare. Il foglio di stile deve essere completamente caricato prima viene visualizzata la pagina.