Teoria
Teoria

Tajemnica edytora CSS

Teraz wiesz już o stylach inline i zewnętrznych i możesz poznać sekret naszego edytora CSS.

Jeśli "zewnętrzny" plik style.css jest podłączony w znacznikach wewnątrz tagu <head>, kod CSS z edytora jest dyskretnie dodawany wewnątrz tagu <style>, a tag ten jest dodawany do miniprzeglądarki.

W tym zadaniu plik style.css jest już podłączony, a style są umieszczane w edytorze CSS i komentowane. Komentarze w CSS działają tak samo jak w HTML - pozwalają na tymczasowe wyłączenie fragmentu kodu.

Komentarze CSS są określane za pomocą znaków /* i */:

/*
h1 {
  color: red;
}
*/

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Tajemnica edytora CSS</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Tajemnica edytora CSS</h1> <p>Nasza mini-przeglądarka wykorzystuje kod napisany w edytorze CSS i dyskretnie dodaje go do kodu HTML strony za pomocą znacznika <style>.</p> </body> </html>

CSS

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

ObiettiviFatto

Usuń komentarze ze stylów w edytorze CSS. Aby to zrobić, usuń znaki /* i */.