Teoria
Teoria

Altri modi per collegare il CSS

Impostare gli stili di ogni tag usando l'attributo style è molto scomodo. Inoltre, porta a intasare il codice HTML con pezzi ripetitivi di CSS.

Fortunatamente, esistono altri modi per collegare gli stili. Il primo è quello di collegare un file esterno usando il tag <link> e il secondo è quello di usare uno speciale tag <style>.

Ora si farà conoscenza con la seconda sezione dell'editor: la scheda style.css. Il codice dell'editor CSS viene inserito nel documento HTML come se fosse stato scritto nel tag <style>. Ecco come si presenta questa scheda:

index.htmlstyle.css

Per prima cosa, ripuliremo il codice nell'editor HTML e poi inizieremo a modellare il nostro mini-contenuto passo dopo passo, utilizzando altre funzioni CSS.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <title>Altri modi per collegare il CSS</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Schema del corso</h1> <p style="color: green;">Tag di abbinamento.</p> <p style="color: green;">Tag singoli.</p> <p style="color: green;">Attributi dei tag.</p> <p style="color: green;">Stili in linea (incorporati).</p> <p style="color: red;">Stili esterni.</p> <p style="color: red;">Stilizzazione per classe.</p> </body> </html>

CSS

/* body { font-family: "Tahoma", serif; } p { color: green; } */

ObiettiviFatto

Rimuove tutti gli attributi style dai paragrafi,
quindi eliminare i caratteri /* nella prima riga dell'editor CSS.