Teoria
Teoria

Il mistero dell'editor CSS

Ora conoscete gli stili inline ed esterni e potete imparare il segreto del nostro editor CSS.

Se un file style.css "esterno" è collegato nel markup all'interno del tag <head>, il codice CSS dell'editor viene aggiunto discretamente all'interno del tag <style> e questo tag viene aggiunto al mini-browser.

In questo compito, style.css è già inserito e gli stili sono inseriti nell'editor CSS e commentati. I commenti nei CSS funzionano come nell'HTML: permettono di disabilitare temporaneamente un pezzo di codice.

I commenti CSS sono specificati usando i caratteri /* e */:

/*
h1 {
  color: red;
}
*/

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Il mistero dell'editor CSS</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Il mistero dell'editor CSS</h1> <p>Il nostro mini-browser utilizza il codice scritto nell'editor CSS e lo aggiunge discretamente al codice HTML della pagina utilizzando il tag <style>.</p> </body> </html>

CSS

/* h1 { font-size: 52px; line-height: 64px; font-family: "Monaco", "Courier", monospace; color: #618ad2; } */

ObiettiviFatto

Togliere i commenti agli stili nell'editor CSS. Per farlo, rimuovere i caratteri /* e */.