Strona główna › Pytania INF.03 › Pytanie 1934
INF.03 · pytanie #1934
Na obrazie przedstawiono projekt układu bloków witryny internetowej. Zakładając, że bloki są realizowane za pomocą znaczników sekcji, ich formatowanie w CSS, oprócz ustawionych szerokości dla bloków: 1, 2,<br> 3, 4 (blok 5 nie ma ustawionej szerokości), powinno zawierać właściwość

- Afloat: left dla wszystkich bloków.
- Bclear: both dla bloku 5 oraz float: left jedynie dla 1 i 2 bloku.
- Cclear: both dla bloku 5 oraz float: left dla pozostałych bloków.
- Dclear: both dla wszystkich bloków.
Poprawna odpowiedź: C. clear: both dla bloku 5 oraz float: left dla pozostałych bloków.
Kliknij odpowiedź, którą uważasz za poprawną.
Wyjaśnienie
Twoja odpowiedź jest poprawna. Bloki 1, 2, 3 i 4 powinny być ustawione obok siebie na stronie. Możemy tego dokonać, stosując dla nich właściwość 'float: left' w CSS, która sprawia, że elementy są wyświetlane po lewej stronie swojego kontenera. Często stosuje się tę technikę przy projektowaniu layoutów stron internetowych, umożliwiając rozmieszczenie bloków w jednym rzędzie. Blok 5 powinien natomiast znajdować się poniżej tych bloków, co osiągniemy stosując właściwość 'clear: both'. Ta właściwość zapewnia, że element nie będzie obok żadnego z poprzednich bloków, nawet jeśli mają one ustawiony float. Jest to szczególnie przydatne w sytuacjach, gdy chcemy, aby pewien element (np. stopka strony) był wyświetlany poniżej innych bloków, niezależnie od ich położenia czy szerokości. W praktyce, prawidłowe zastosowanie tych dwóch właściwości jest kluczowe dla tworzenia responsywnych i atrakcyjnych layoutów stron.
🤖 Wyjaśnienie generowane przez AI – weryfikuj w oficjalnych źródłach.