Fogli di stile esterni, noti anche come fogli di stile CSS, o CSS, sono uno strumento utile se avete un sito Web con molte pagine. È possibile applicare stili uniformi attraverso molte pagine web definendole in un file CSS. Ciò consente di risparmiare si lavora se è necessario modificare il look and feel di un sito Web. È solo necessario apportare modifiche a un file invece di diversi file. Per prendere vantaggio di utilizzare fogli di stile esterni per il tuo sito, seguire questi passaggi.
Istruzioni
1
Aprire un editor HTML o il programma blocco note. 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 pagine di cui si desidera applicano il foglio di stile. Collegare le pagine web al foglio di stile CSS. Inserire il seguente tag di "collegamento" tra i tag di "head" della pagina web come ad esempio:
3
Definire gli stili per vari elementi di una pagina web. Fogli di stile CSS utilizzano una sintassi di tre parti: un selettore, la proprietà e il valore. Il seguente codice di stile definisce gli stili per il corpo, le intestazioni e il paragrafo in una pagina web.
body {background-color: blue}
H1 {font-size: 30pt}
H2 {colore: nero}
p {margin-left: 40px}
4
Copiare e incollare il codice di stile che è stato creato il 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 siano nella stessa directory.
6
Aprire un browser web e caricare la pagina web collegata o pagine per testare il foglio di stile. Se le pagine sono collegate correttamente, gli stili definiti nel foglio di stile esterno visualizzare nelle pagine web.
Consigli & Avvertenze
- Essere consapevoli del fatto che i fogli di stile esterni di grandi dimensioni aumentano tempo di download della pagina. Essere selettivi con stili che si decide di utilizzare. Il foglio di stile deve essere caricata completamente prima che la pagina viene visualizzata.