Fogli di stile esterni sono vantaggi rispetto a stili incorporati, il più grande vantaggio essendo facilità gli aggiornamenti. Utilizzando uno o due fogli di stile, è possibile aggiornare la progettazione di un intero sito Web apportando alcune semplici modifiche. Il tag "< link >" possibile incorporare file foglio di stile, anche conosciuto come Cascading Style Sheets (CSS). Aggiungere i fogli di stile alla testa delle tue pagine Web in ordine crescente di importanza, quindi il foglio di stile più importante è l'ultimo.

Istruzioni

1

Andare su "Start" nella barra delle applicazioni di Windows e immettere "Blocco note" nella casella di ricerca. Se si utilizza un editor di codice, Inserisci il suo nome. Fare clic su "File" sulla barra dei menu in alto e aprire la pagina Web. Il codice verrà visualizzato nell'editor.

2

Aggiungere un "< link >" sulla riga sotto il tag "< title >". Dare il tag "< link >" "href," attributi "rel" e "tipo":

< link href = "" rel = "" tipo = "" / >

Si noti che in HTML 5, non è necessario l'attributo "type" o la barra di chiusura alla fine del tag. Omettere queste se si conosce che il codice utilizza HTML 5, ma lasciare loro se non si conosce con certezza quali specifiche di HTML che si utilizza.

3

Impostare l'attributo "rel" su "stylesheet" e impostare il "tipo" a "text/css" così il browser sapranno che il collegamento contiene un foglio di stile CSS:

< link href = "" rel = "stylesheet" type = "text/css" / >

4

Digitare il percorso completo o relativo al file CSS all'interno di virgolette doppie seguendo l'attributo "href":

< link href="path/to/stylesheet.css" rel = "stylesheet" type = "text/css" / >

< link href = "l'http://yoursite.com/path/to/stylesheet.css" rel = "stylesheet" type = "text/css" / >

Negli esempi precedenti, il primo tag "< link >" illustrato un percorso relativo, mentre il secondo tag "< link >" Mostra un percorso completo del file. Se non capisci i percorsi relativi, utilizzare percorsi completi.

Consigli & Avvertenze

• Prova a mettere tutto il codice CSS in un unico foglio di stile. Ogni volta che il browser deve caricare un altro file, rallenta il tuo sito Web, quindi unire i fogli di stile in uno ti aiuterà a ottimizzare i tempi di caricamento della pagina.
• Non è possibile inserire tag "< link >" fuori la testa delle tue pagine Web. Assicurarsi che li metti tra tag "< head >".