Wskaż kod CSS odpowiadający układowi bloków 2 - 5, zakładając, że są one zbudowane w oparciu o przedstawiony kod HTML
Wskaż kod CSS odpowiadający układowi bloków 2 - 5, zakładając, że są one zbudowane w oparciu o przedstawiony kod HTML
Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: B (Kod CSS B)
Układ wielokolumnowy bloków 2 - 5 w CSS realizowany jest za pomocą właściwości opływania float: left; lub nowoczesnego modelu elastycznego display: flex; z określeniem szerokości procentowej (np. width: 25%; lub width: 50%;). Kod wariantu B w sposób prawidłowy definiuje szerokość bloków, marginesy oraz kasowanie opływania (clear: both;).
Dlaczego pozostałe opcje są nieprawidłowe?
- A: Wariant A nie definiuje właściwości
floatlub elastycznego kontenera, przez co bloki układają się standardowo jeden pod drugim. - C: Wariant C zawiera błędy w szerokościach bloków (suma przekracza 100%), co powoduje załamanie linii.
- D: Wariant D nie zawiera właściwości zerujących marginesy.
Chcesz poćwiczyć całą kwalifikację INF.03?
Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.
Pojęcia z tego pytania
- CSS FlexboxJednowymiarowy model układu w CSS (Flexible Box Layout) służący do wyrównywania i dystrybucji przestrzeni między elementami w wierszu lub kolumnie.
- Model pudełkowy (Box Model i box-sizing: border-box)Koncepcja opisująca strukturę każdego elementu HTML składającą się z zawartości (content), wewnętrznego marginesu (padding), ramki (border) i marginesu zewnętrznego (margin).
- Obiekt Math w JavaScript (floor, ceil, round, random)Wbudowany obiekt statyczny zawierający właściwości matematyczne oraz metody do zaokrągleń, losowania i operacji arytmetycznych.
Podobne pytania z działu „Css rwd efekty i animacje”
Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 99 pytań z tego działu.
- #11
Edytor spełniający założenia WYSIWYG musi umożliwiać
- #12
Do graficznego tworzenia stron internetowych należy wykorzystać.
- #51
Wskaż sposób, w jaki należy odwołać się do pliku default.css, jeśli index.html znajduje się bezpośrednio w katalogu Strona?
- #52
Wskaż stwierdzenie, które jest prawdziwe dla następującej definicji stylu:
- #92
Które polecenie w CSS służy do załączenia zewnętrznego arkusza stylów?