Finał poziomu podstawowego! Weźmiemy surowy kod HTML Twojej wizytówki i za pomocą CSS zamienimy go w profesjonalny profil. Zastosujemy wszystko, czego się nauczyłeś: reset stylów, tła, cienie (box-shadow), centrowanie i interaktywne przyciski.
Kluczowe zagadnienia:
- Resetowanie stylów (
*). - Praktyczne użycie Box Modelu.
- Efekt cienia i głębi.
- Kompletne stylowanie projektu.
Sprawdź wiedzę (Pytania do filmu):
- Jaki reset CSS zastosowaliśmy na początku?
- Jak wyśrodkowaliśmy główny kontener wizytówki?
- Jak zrobiliśmy okrągłe zdjęcie?
- Jaka właściwość odpowiada za cień pod kartą?
- Jak zmienić czcionkę na całej stronie?
- Co zrobiliśmy z linkami?
- Jakie kolory użyliśmy (nazwy czy hex)?
- Czy użyliśmy klas czy ID do stylowania?
- Co robi
paddingwewnątrz karty wizytówki? - Czy strona wygląda teraz profesjonalnie?