Chcesz ukryć element o klasie .cookie-notice tak, aby nie zajmował miejsca na stronie i nie był widoczny. Która deklaracja CSS jest do tego najbardziej odpowiednia?
Chcesz ukryć element o klasie .cookie-notice tak, aby nie zajmował miejsca na stronie i nie był widoczny. Która deklaracja CSS jest do tego najbardziej odpowiednia?
.cookie-notice { visibility: hidden; }.cookie-notice { opacity: 0; }.cookie-notice { display: none; }.cookie-notice { position: absolute; left: -9999px; }Wyjaśnienie i uzasadnienie dydaktyczne
Poprawna odpowiedź: C (.cookie-notice { display: none; })
Ustawienie display: none; całkowicie usuwa element z przepływu dokumentu – nie jest on renderowany, nie zajmuje miejsca i nie jest dostępny dla interakcji (np. przez technologie wspomagające w większości przypadków). Jest to najczęstszy sposób na "całkowite" ukrycie elementu.
Dlaczego pozostałe opcje są nieprawidłowe?
- A:
visibility: hidden;czyni element niewidocznym, ale nadal zajmuje on swoje miejsce w layoucie strony. - B:
opacity: 0;czyni element całkowicie przezroczystym, ale nadal jest on obecny w layoucie i może reagować na zdarzenia myszy (chyba że dodatkowo ustawionopointer-events: none). - D: To jest technika "off-left" (lub "off-screen"), która przesuwa element daleko poza widoczny obszar. Choć skutecznie go ukrywa, jest to bardziej obejście niż bezpośrednia metoda CSS do ukrywania w sensie usunięcia z przepływu.
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
- Sesje ($_SESSION) i Ciasteczka ($_COOKIE) w PHPMechanizmy podtrzymywania stanu między kolejnymi bezstanowymi żądaniami HTTP (po stronie serwera - sesje, po stronie klienta - ciasteczka).
- Metody tablicowe w JS (push, pop, map, filter, forEach, splice)Funkcje wbudowane w prototyp tablic służące do mutowania zawartości, transformacji, filtrowania i iteracji po elementach.
- Jednostki wielkości w CSS (rem, em, px, %, vh, vw)Miary rozmiarów w stylach CSS dzielące się na bezwzględne (px) oraz elastyczne i względne (rem, em, %, vw, vh).
Podobne pytania z działu „Css box model i pozycjonowanie”
Ten sam obszar materiału z kwalifikacji INF.03. W całej bazie znajdziesz 47 pytań z tego działu.
- #128
W celu określenia wysokości obrazka wyświetlonego na stronie WWW należy wykorzystać właściwość CSS o nazwie
- #138
Który zapis stylu CSS ustawi tło bloku na kolor niebieski?
- #165
Analizując przedstawiony kod zapisany w języku HTML, można stwierdzić, że w przeglądarce
- #174
W języku CSS, w celu zdefiniowania wewnętrznego górnego marginesu, czyli odstępu między elementem a otaczającym go obramowaniem, należy użyć polecenia
- #377
W języku CSS zdefiniowano styl. Sformatowana stylem sekcja będzie zawierała obramowanie o szerokości