Teoría
Teoría

El misterio del editor CSS

Ahora ya conoces los estilos en línea y externos y puedes aprender el secreto de nuestro editor CSS.

Si se conecta un archivo style.css "externo" en el marcado dentro de la etiqueta <head>, el código CSS del editor se añade discretamente dentro de la etiqueta <style>, y esta etiqueta se añade al mininavegador.

En esta tarea, style.css ya está conectado, y los estilos se colocan en el editor CSS y se comentan. Los comentarios en CSS funcionan del mismo modo que en HTML: permiten desactivar temporalmente un fragmento de código.

Los comentarios CSS se especifican mediante los caracteres /* y */:

/*
h1 {
  color: red;
}
*/

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>El misterio del editor CSS</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>El misterio del editor CSS</h1> <p>Nuestro mininavegador utiliza el código que escribes en el editor CSS y lo añade discretamente al código HTML de la página mediante la etiqueta <style>.</p> </body> </html>

CSS

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

ObjetivosRealizado

Descomente los estilos en el editor CSS. Para ello, elimine los caracteres /* y */.