Dodawanie CSS do HTML
Kurs CSS · Wyjaśnienie, przykłady, oczekiwany wynik i ćwiczenie.
Style możesz zapisać w osobnym pliku .css i połączyć go z dokumentem przez <link>.
Poznać zagadnienie „Dodawanie CSS do HTML”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.
Wyjaśnienie krok po kroku
Dzięki temu wiele stron korzysta z tych samych reguł.
Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.
Praktyczny przykład
Gdzie zobaczysz efekt: Wygląd strony w przeglądarce
<link rel="stylesheet" href="style.css">
<!-- w style.css: p { color: blue; } -->Akapity na stronie otrzymują niebieski kolor po wczytaniu CSS.
Jak utrwalić tę umiejętność?
Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.
Spróbuj samodzielnie
Utwórz style.css i zmień kolor nagłówka.
Jeśli rozumiesz przykład, oznacz lekcję jako ukończoną i przejdź dalej.