W jakim zawodzie przydaje się ta wiedza?

Wiedza ta jest potrzebna w zawodach: TECHNIK INFORMATYK oraz TECHNIK PROGRAMISTA.

Gdzie mogę przećwiczyć więcej pytań z kwalifikacji INF.03?

Więcej pytań z kwalifikacji INF.03 znajdziesz na Zawodowe.edu.pl - darmowa baza pytań CKE z symulatorem egzaminu.

Tryb nauki (pokaż prawidłową odpowiedź)

Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Zawód: Technik informatyk, Technik programista

Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe

Słowa kluczowe: CSS CSS position

Do której właściwości CSS można przypisać wartości `static`, `relative`, `fixed`, `absolute`, `sticky`?

Q: Do jakiej kwalifikacji zawodowej należy to pytanie?

To pytanie pochodzi z kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych. Wymagana w zawodach: Technik informatyk, Technik programista.

list-style-type

Źle. Ta właściwość dotyczy znaczników list.

position

Dobrze. To wartości właściwości position.

display

Źle. display przyjmuje np. block, flex.

text-transform

Źle. Ta właściwość zmienia wielkość liter.

Wartości static, relative, absolute, fixed i sticky przyjmuje właściwość position - steruje ona sposobem pozycjonowania elementu na stronie (np. fixed przykleja element do okna, sticky „przylepia” go przy przewijaniu). Zapamiętaj: te pięć słów to wartości position.

Pozostałe właściwości przyjmują inne wartości. display steruje typem wyświetlania (block, inline, flex). list-style-type ustala rodzaj punktora listy. text-transform zmienia wielkość liter (uppercase, lowercase). Słowa relative, absolute, sticky należą do position.

Pytania pomocnicze (6)

Do czego służy właściwość CSS position?

Właściwość `position` określa sposób pozycjonowania elementu na stronie. Decyduje, czy element pozostaje w normalnym układzie dokumentu, czy można go przesuwać względem innego punktu odniesienia.

Czym różni się position: static od position: relative?

`static` to domyślne pozycjonowanie elementu i nie reaguje na `top`, `left`, `right`, `bottom`. `relative` pozwala przesunąć element względem jego pierwotnego miejsca.

Jak działa position: absolute?

Element z `position: absolute` jest wyjęty z normalnego układu strony. Jego pozycja jest liczona względem najbliższego przodka z ustawionym pozycjonowaniem, np. `position: relative`.

Kiedy stosuje się position: fixed?

`fixed` stosuje się, gdy element ma pozostać w stałym miejscu okna przeglądarki, także podczas przewijania strony. Przykładem jest przyklejone menu lub przycisk kontaktu.

Na czym polega position: sticky?

`sticky` łączy działanie `relative` i `fixed`. Element przewija się normalnie, ale po osiągnięciu wskazanej pozycji, np. `top: 0`, przykleja się do krawędzi widoku.

Jakie właściwości często współpracują z position?

Najczęściej używa się `top`, `right`, `bottom`, `left` do określenia przesunięcia oraz `z-index` do ustalenia kolejności nakładania się elementów.

Do której właściwości CSS można przypisać wartości `static`, `relative`, `fixed`, `absolute`, `sticky`?

Wymagane logowanie

Zgłoś błąd w pytaniu

Do której właściwości CSS można przypisać wartości static, relative, fixed, absolute, sticky?

Do której właściwości CSS można przypisać wartości `static`, `relative`, `fixed`, `absolute`, `sticky`?