Come collegare fogli di stile in HTML

August 30

Come collegare fogli di stile in HTML


Un foglio di stile è un file CSS esterno che contiene gli stili per una pagina web. Specifica la formattazione che viene applicata all'intera pagina o solo a specifici elementi in una pagina. Quando si collega un foglio di stile in un file HTML, la pagina eredita gli stili dal file CSS. È possibile utilizzare più fogli di stile nello stesso file HTML, come ad esempio uno per l'intestazione, piè di pagina e il corpo e un altro per la barra di scorrimento e menu a discesa.

istruzione

1 Avviare un editor di testo, come Blocco note, TextPad o EditPad. Selezionare il menu "File" e fare clic su "Apri". Trovare e fare doppio clic sul file HTML in cui verrà utilizzato il foglio di stile.

2 Aggiungere il seguente codice tra il tag <HEAD> allegare il foglio di stile al file HTML:

<Link href = "allegata-file.css" rel = "stylesheet" type = "text / css" />

3 Sostituire "allegata-file.css" con il nome del file CSS che si desidera allegare, ma mantenere l'estensione "css". Per collegare i fogli di stile, ripetere i punti 2 e 3.

4 Selezionare "File" e "Salva" dal menu per aggiornare il file HTML.