Test HTML CSS - Egzaminy24

1. Który atrybut znacznika <input> pozwala na zdefiniowanie wzorca wyrażenia regularnego, który musi zostać spełniony przy walidacji formularza?

Pytanie 735

validate regex pattern mask

2. Zastosowano właściwość 'columns: 3 200px;'. Co to oznacza dla układu tekstu?

Pytanie 767

Tekst zostanie podzielony na dokładnie 3 kolumny o szerokości 200px każda Tekst zostanie podzielony na maksymalnie 3 kolumny, o ile każda będzie miała co najmniej 200px szerokości Tekst będzie miał 200 kolumn o szerokości 3px Powstanie tabela o 3 kolumnach i 200 wierszach

3. Selektor .box p:first-of-type wybierze:

Pytanie 739

Pierwszy paragraf w każdym divie na stronie Tylko pierwszy paragraf, który jest dzieckiem .box Pierwszy paragraf wewnątrz .box, nawet jeśli przed nim są inne znaczniki (np. h1) Pierwszy element wewnątrz .box, pod warunkiem że jest paragrafem

4. Co oznacza overflow: hidden w CSS?

Pytanie 612

Zawartość jest przewijana Zawartość wychodzi poza kontener Ukrywa zawartość wychodzącą poza kontener Dodaje marginesy wewnętrzne

5. Zastosowano następującą regułę: 'filter: blur(5px);'. Jak wpływa ta właściwość na pozycjonowanie elementów potomnych o wartości 'position: absolute' lub 'position: fixed' wewnątrz tego elementu?

Pytanie 875

Elementy potomne zostaną ukryte za pomocą właściwości display: none Właściwość filter nie wywiera żadnego wpływu na mechanizm pozycjonowania Zastosowanie dowolnego filtru (poza none) powoduje, że element staje się nowym punktem odniesienia (containing block) dla potomków absolute oraz fixed, podobnie jak przy właściwości transform Wszystkie elementy potomne natychmiast tracą efekt rozmycia (blur)

6. Właściwość 'pointer-events: none;' sprawia, że:

Pytanie 757

Kursor myszy zmienia się w rączkę Element staje się 'przezroczysty' dla kliknięć myszką Nie można kopiować tekstu z elementu Element zostaje zablokowany do edycji

7. W CSS właściwość font-size: 150%; została nadana elementowi <p>, którego rodzic ma font-size: 20px. Następnie wewnątrz <p> znajduje się <span> z font-size: 2em. Jaka jest obliczona wielkość czcionki dla <span>?

Pytanie 760

30px 40px 60px 45px

8. W specyfikacji HTML5, które z poniższych zachowań charakteryzuje znacznik <script> z atrybutem 'defer'?

Pytanie 845

Skrypt jest pobierany asynchronicznie i wykonywany natychmiast po pobraniu, przerywając parsowanie dokumentu HTML Skrypt jest pobierany i wykonywany równolegle z parsowaniem kodu HTML, blokując renderowanie strony Skrypt jest pobierany asynchronicznie, ale jego wykonanie następuje dopiero po zakończeniu całkowitego parsowania dokumentu HTML, zachowując kolejność skryptów Skrypt jest wykonywany dopiero po wyemitowaniu zdarzenia window.onload

9. Co się stanie z elementem o właściwości position: absolute;, jeśli żaden z jego przodków nie ma ustawionej właściwości position (mają domyślne static)?

Pytanie 733

Zostanie wypozycjonowany względem najbliższego div Zostanie ukryty na stronie Zostanie wypozycjonowany względem okna przeglądarki (viewportu) Pozostanie w normalnym przepływie dokumentu

10. W elemencie rodzicu o ustawieniu 'display: flex' znajdują się elementy potomne. Chcesz, aby jeden konkretny element potomny został przesunięty maksymalnie do prawej krawędzi kontenera, nie wpływając na wyrównanie pozostałych. Którego polecenia CSS użyjesz na tym elemencie?

Pytanie 841

align-self: flex-end justify-content: flex-end margin-left: auto float: right

11. W CSS zdefiniowano: p { color: blue; } oraz div &gt p { color: red; }. Jaki kolor będzie miał paragraf w strukturze: <div><article><p>Tekst</p></article></div>?

Pytanie 620

Czerwony Niebieski Czarny Przezroczysty

12. Co się stanie, jeśli w formularzu użyjesz dwóch przycisków <button> bez określonego atrybutu 'type'?

Pytanie 626

Oba będą działać jak zwykłe przyciski (nie wyślą formularza) Tylko pierwszy wyśle formularz, drugi zostanie zignorowany Oba domyślnie będą działać jako przyciski wysyłające (submit) Przeglądarka wyświetli błąd składni

13. Do czego służy element <template> w HTML

Pytanie 595

Przechowuje fragment HTML który nie jest renderowany dopóki nie zostanie użyty w JavaScript Służy do tworzenia formularzy Automatycznie generuje styl CSS Tworzy dynamiczne komponenty bez JavaScript

14. Jakie znaczenie ma display: contents w CSS?

Pytanie 601

Element zachowuje się jak normalny blok Element jest całkowicie ignorowany wizualnie, ale dzieci są renderowane Ukrywa element i jego dzieci Zmienia element w inline-block

15. Do czego służy właściwość clip-path w CSS?

Pytanie 609

Przycina element według kształtu Tworzy tło gradientowe Zmienia przezroczystość elementu Dodaje marginesy

16. Kontener Flexbox ma orientację 'flex-direction: row' i zawiera trzy elementy potomne. Łączna suma ich bazowych szerokości (flex-basis) przekracza szerokość rodzica o 100px. Wszystkie potomki mają 'flex-shrink: 1', ale jeden z nich ma dodatkowo zadeklarowaną właściwość 'min-width: 300px'. Jak wpłynie to na proces redukcji rozmiaru (shrinking)?

Pytanie 870

Wszystkie elementy skurczą się proporcjonalnie o taką samą liczbę pikseli Silnik flexbox zignoruje właściwość min-width w fazie kurczenia Element z min-width przestanie się kurczyć w momencie, gdy jego szerokość osiągnie 300px, a pozostały nadmiar 100px (lub jego część) zostanie przerzucony i rozłożony na pozostałe dwa elementy Cały układ flexbox ulegnie awarii i elementy zostaną wyrzucone poza kontener rodzica

17. W CSS, aby zastosować styl tylko do elementów w klasie content, piszemy:

Pytanie 224

p.content {} .content p {} #content p {} p#content {}

18. Co to jest CSS Flexbox?

Pytanie 33

Metoda tworzenia dynamicznych baz danych Narzędzie do analizy ruchu internetowego Sposób układania elementów na stronie w sposób elastyczny, zależny od rozmiaru ekranu Program do tworzenia aplikacji webowych

19. Załóżmy, że dla elementu html ustawiono 'font-size: 16px', a dla elementu div 'font-size: 2rem'. Wewnątrz div znajduje się paragraf p zdefiniowany jako 'padding: 1.5em'. Ile pikseli (px) będzie wynosił padding tego paragrafu?

Pytanie 846

24px 48px 32px 16px

20. Co oznacza overflow: hidden; w CSS?

Pytanie 286

Tekst zostanie zawinięty Nadmiar treści będzie ukryty Element się powiększy Tekst będzie przesuwany

21. Do czego służy atrybut 'rel="noopener"' dodawany do linków z 'target="_blank"'?

Pytanie 621

Przyspiesza ładowanie nowej strony w tle Poprawia bezpieczeństwo, uniemożliwiając nowej stronie dostęp do obiektu window.opener strony źródłowej Służy do informowania robotów Google, by nie indeksowały linku Wymusza otwarcie linku w tym samym oknie, jeśli przeglądarka jest stara

22. Mamy regułę CSS: 'contain: paint;'. Jaki jest główny cel stosowania tej właściwości w zaawansowanej architekturze nowoczesnych stylów CSS (CSS Containment Specification)?

Pytanie 871

Wymuszenie na przeglądarce renderowania wszystkich kolorów w przestrzeni barw CMYK Zapewnienie, że potomkowie elementu nie będą renderowani poza jego granicami geometrycznymi, co pozwala przeglądarce na pominięcie operacji rysowania (paint) tego elementu, jeśli znajduje się on poza ekranem (viewportem) Włączenie sprzętowej akceleracji 3D dla transformacji liniowych Zablokowanie możliwości modyfikowania stylów elementu przez skrypty JavaScript

23. Który zapis CSS ustawi element na stałe przyklejony do górnej krawędzi ekranu podczas przewijania?

Pytanie 72

position: absolute; top: 0; position: fixed; top: 0; position: sticky; position: relative;

24. Do czego służy atrybut defer w znaczniku <script> w HTML

Pytanie 589

Opóźnia wykonanie skryptu aż do zakończenia parsowania dokumentu HTML Wykonuje skrypt przed parsowaniem HTML Ładuje skrypt tylko w trybie offline Uniemożliwia wykonanie skryptu

25. Co oznacza flex-shrink w modelu Flexbox?

Pytanie 600

Określa minimalną szerokość elementu Określa stopień zmniejszania elementu wzdłuż osi głównej Określa stopień zwiększania elementu wzdłuż osi głównej Blokuje zmianę rozmiaru elementu

26. W CSS position: absolute pozycjonuje element względem:

Pytanie 527

okna przeglądarki najbliższego przodka z position: relative najbliższego przodka z position: relative względem dokumentu HTML

27. W języku CSS poniższy zapis oznacza, że: body { background-color: lightblue color: white text-align: center font-size: 20px } oznacza:

Pytanie 444

tekst na stronie jest w kolorze białym i wyświetlany jest z prawej strony. czcionka jest wielkości 20 pixeli, a kolor tła jest biały. zapis ten tyczy się sekcji body. tekst na stronie jest wyświetlany w kolorze białym i ma wielkość 200 pixeli.

28. W CSS jednostka vh oznacza:

Pytanie 506

procent wysokości elementu wysokość widocznego obszaru przeglądarki szerokość widocznego obszaru przeglądarki siatkę widoku

29. Przeglądarka przetwarza arkusz stylów i napotyka selektor: 'div.sidebar ul ~ p'. Które elementy zostaną wybrane przez ten selektor?

Pytanie 843

Wszystkie elementy p, które są bezpośrednimi dziećmi elementu ul wewnątrz div.sidebar Wszystkie elementy p, które są rodzeństwem (sibling) elementu ul i występują po nim, wewnątrz tego samego rodzica w div.sidebar Pierwszy element p znajdujący się bezpośrednio po elemencie ul Wszystkie elementy p znajdujące się wewnątrz elementu ul

30. Który znacznik HTML5 służy do wyświetlenia paska postępu (np. stopień ukończenia zadania)?

Pytanie 737

31. Jaką funkcję pełni alt w znaczniku ?

Pytanie 74

określa pozycję obrazka zawiera tekst alternatywny, gdy obraz się nie załaduje ustawia tytuł obrazka ustawia podpis pod obrazkiem

32. W CSS display: flex tworzy:

Pytanie 519

siatkę 2D kontener blokowy elastyczny układ 1-wymiarowy element inline

33. Deweloper używa jednostki 'ch' w CSS (np. 'width: 40ch;'). Co dokładnie określa ta jednostka i od czego zależy jej rzeczywista wielkość w pikselach?

Pytanie 877

Odpowiada 1% wysokości aktualnego okna przeglądarki (viewportu) Jest równa szerokości znaku zero ('0') w kroju pisma (font-family) i rozmiarze zastosowanym dla danego elementu Jest stałą miarą odpowiadającą dokładnie 14 pikselom Zależy od gęstości pikseli ekranu (współczynnika DPI) i nie ma związku z czcionką

34. Jakie jest znaczenie atrybutu crossorigin w znaczniku <script>

Pytanie 592

Określa politykę CORS dla ładowanego skryptu Określa język skryptu Blokuje ładowanie z innych domen Automatycznie szyfruje skrypt

35. Jaka jest specyficzność (specificity) obliczana przez przeglądarkę dla następującego selektora CSS: 'nav ul.menu li a:hover'?

Pytanie 844

0,0,2,3 0,0,1,4 0,0,3,2 0,0,2,4

36. Który element HTML pozwala zdefiniować alternatywne źródła obrazu w zależności od rozdzielczości ekranu

Pytanie 593

37. Co oznacza atrybut rel noopener w linku <a>

Pytanie 596

Zapobiega dostępowi nowej strony do obiektu window opener Automatycznie zamyka nowe okno po załadowaniu Blokuje przekierowania HTTP Zmienia styl linku

38. Dany jest element z regułą 'display: inline; width: 200px; height: 200px; padding: 20px; margin: 50px; border: 1px solid black;'. Które z tych właściwości zostaną w pełni zignorowane przez silnik renderujący przeglądarki?

Pytanie 865

Wszystkie właściwości zostaną zignorowane Tylko padding i border Tylko width i height Width, height oraz pionowe (top/bottom) wartości margin i padding

39. Co robi właściwość justify-content w Flexbox?

Pytanie 614

Ustawia wyrównanie elementów wzdłuż osi głównej Ustawia wyrównanie elementów wzdłuż osi poprzecznej Tworzy odstępy między wierszami Ukrywa elementy poza kontenerem

40. Właściwość 'isolation: isolate;' w CSS jest używana głównie do:

Pytanie 764

Blokowania dziedziczenia stylów z rodzica Tworzenia nowego kontekstu stosu (stacking context) bez konieczności używania pozycji i z-index Ukrywania elementu przed czytnikami ekranu Zapobiegania nachodzeniu na siebie marginesów (margin collapse)

Inne
Inne pliki cookie to te, które są analizowane i nie zostały jeszcze przypisane do żadnej z kategorii.
Niezbędne	Niezbędne
Niezbędne pliki cookie są absolutnie niezbędne do prawidłowego funkcjonowania strony. Te pliki cookie zapewniają działanie podstawowych funkcji i zabezpieczeń witryny. Anonimowo.
Reklamowe
Reklamowe pliki cookie są stosowane, by wyświetlać użytkownikom odpowiednie reklamy i kampanie marketingowe. Te pliki śledzą użytkowników na stronach i zbierają informacje w celu dostarczania dostosowanych reklam.
Analityczne
Analityczne pliki cookie są stosowane, by zrozumieć, w jaki sposób odwiedzający wchodzą w interakcję ze stroną internetową. Te pliki pomagają zbierać informacje o wskaźnikach dot. liczby odwiedzających, współczynniku odrzuceń, źródle ruchu itp.
Funkcjonalne
Funkcjonalne pliki cookie wspierają niektóre funkcje tj. udostępnianie zawartości strony w mediach społecznościowych, zbieranie informacji zwrotnych i inne funkcjonalności podmiotów trzecich.
Wydajnościowe
Wydajnościowe pliki cookie pomagają zrozumieć i analizować kluczowe wskaźniki wydajności strony, co pomaga zapewnić lepsze wrażenia dla użytkowników.

Test HTML i CSS – 40 pytań