Teoría
Teoría

El misterio del editor de CSS

Ahora ya conoces los estilos integrados y los externos, así que es momento de descubrir el misterio de nuestro editor de CSS.

Si en el marcado, dentro de <head>, está conectado el archivo style.css, el código del editor de CSS se añade automáticamente dentro de una etiqueta <style>, y esa etiqueta se inserta en el mini navegador.

En este ejercicio, style.css ya está conectado y los estilos se movieron al editor de CSS como comentarios. Los comentarios en CSS funcionan igual que en HTML: permiten desactivar temporalmente una parte del código.

Los comentarios en CSS se escriben con los símbolos /* y */:

/*
h1 {
  color: red;
}
*/

index.html
style.css

HTML

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

CSS

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

ObjetivosRealizado

Quita los comentarios de los estilos en el editor de CSS. Para hacerlo, elimina los símbolos /* y */.