Po tej lekcji potrafisz
Sprawdzić ścieżki plików, reguły CSS i strukturę dokumentu.
Gdy efekt nie zgadza się z planem, sprawdzaj jedną rzecz naraz. Najpierw upewnij się, że oglądasz właściwy plik i zapisałeś zmiany. Następnie otwórz narzędzia deweloperskie przeglądarki. Panel Elements pokazuje strukturę, Styles zastosowane reguły, a Network pliki pobierane podczas ładowania. Odśwież stronę z otwartym panelem Network.
Jeżeli strona jest bez stylów, sprawdź href w link oraz nazwę style.css. Jeżeli jedna karta wygląda inaczej, porównaj jej klasę z selektorem. Przekreślona deklaracja zwykle została nadpisana. Edycja w narzędziach przeglądarki jest chwilowa — poprawkę trzeba zapisać w pliku.
<!-- Błąd: plik nazywa się style.css, a nie styles.css -->
<link rel="stylesheet" href="styles.css">Teraz Twoja kolej
Celowo zmień ścieżkę CSS na błędną, rozpoznaj problem i napraw ją. Potem usuń klasę karta z jednej sekcji i odszukaj różnicę.
Sprawdź rozwiązanie i oczekiwany efekt
<link rel="stylesheet" href="style.css">Po przywróceniu ścieżki wracają wszystkie style. Po przywróceniu klasy wraca obramowanie i padding wybranej sekcji. Zapisz krótką notatkę: objaw → przyczyna → poprawka.
Na co uważać
Nie dopisuj losowych reguł, jeśli przeglądarka w ogóle nie ładuje arkusza. Najpierw potwierdź, że właściwy plik został znaleziony.
Zanim przejdziesz dalej: wykonaj ćwiczenie samodzielnie i dopiero wtedy oznacz lekcję jako ukończoną. Oznaczenie zapisuje Twój postęp, nie jest oceną nauczyciela.