Come utilizzare i modelli CSS

Quando gestisci la presenza online della tua azienda, alcune nozioni di base tornano utili. L’utilizzo di fogli di stile esterni è un ottimo esempio di uno strumento che semplifica il lavoro. I fogli di stile determinano l’aspetto dei documenti HTML definendo gli stili per elementi particolari. Importa file CSS modello predefiniti per applicare stili alla tua pagina Web, semplificando la progettazione del tuo sito Web e mantenendo la coerenza in tutto. Puoi anche usare fogli CSS come base per progettare i tuoi modelli.

1

Salva il tuo modello CSS nella stessa directory delle pagine HTML con cui desideri utilizzare il modello. Ad esempio, se desideri che la pagina “index.html” utilizzi il modello CSS “template.css”, salva template.css nella stessa cartella in cui memorizzi “index.html”.

2

Apri il file HTML in un editor di testo.

3

Individua i tag head nel file HTML. Digita il documento HTML tra questi tag per collegare il file HTML al file modello CSS. Il tuo file modello potrebbe avere un nome diverso, quindi utilizza il nome corretto al posto di “template.css”. La tua sezione HTML head è simile a questo esempio:

4

Salva il file HTML.

5

Apri il file HTML in un browser web. Lo stile del modello CSS che hai allegato è attivo, rendendo il tuo sito web più coerente.