fbpx

Kategoria Temat: CSS

6.2. Domyślne style oraz DevTools

Tworząc szkielet naszej strony tylko za pomocą HTML możemy zauważyć, iż niektóre tagi są wyświetlane inaczej niż zwykły tekst. Dzieje się tak, ponieważ przeglądarki posiadają wbudowane domyślne style CSS, które są używane w przypadku gdy nie używamy żadnego kodu CSS. Najlepszym przykładem będą tutaj nagłówki h1…h6. Tag <h1> posiada zdecydowanie większą oraz grubszą czcionkę niż …

6.2. Domyślne style oraz DevTools Read More »

6.1. Składnia CSS

Składnia CSS nieco różni się od składni HTML. W tym przypadku nie posługujemy się już tagami a ich miejsce zajmą selektory oraz deklaracje. Spójrzmy jak wygląda pojedynczy blok kodu CSS i omówmy sobie jego poszczególne części: SelektorZa pomocą selektora wskazujemy na który element HTML na naszej stronie chcemy nanieść style CSS i tym samym zmienić …

6.1. Składnia CSS Read More »

8.2. Selektory klas i identyfikatorów

Klasy oraz identyfikatory są normalnymi atrybutami niemal każdego tagu HTML. Jak dobrze pamiętamy, identyfikator (atrybut id) musi mieć unikalną wartość w skali całej jednej strony. Dzięki temu, wskazując w selektorze identyfikator, możemy być pewni, iż ostylujemy tylko jeden element na stronie. Musimy jednak być bardzo uważni, aby przez przypadek nie umieścić dwóch takich samych atrybutów …

8.2. Selektory klas i identyfikatorów Read More »

8.1. Selektory elementów HTML

Selektory te widzieliśmy najczęściej podczas poprzednich lekcji. Użycie jest bardzo proste i za ich pomocą wybieramy konkretne tagi HTML, podając tylko ich nazwę, czyli np. <div>, <article> itp. Przykłady takiego zapisu widzimy w poniższym przykładzie. Jak widać na powyższym przykładzie, definiując style dla konkretnego znacznika, definiujemy go dla każdego znacznika obecnego na stronie. Nie zawsze …

8.1. Selektory elementów HTML Read More »