Test HTML CSS - Egzaminy24

1. Element <div> ma nadane: width: 200px; padding: 10px; border: 5px solid black; box-sizing: content-box;. Jaka jest jego całkowita szerokość w rzutni?

Pytanie 730

200px 215px 230px 185px

2. Co robi display: grid-template-areas?

Pytanie 608

Ustawia nazwy obszarów w siatce grid Zmienia kolejność wierszy Ukrywa elementy grid Tworzy animację siatki

3. W CSS jednostka vh oznacza:

Pytanie 506

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

4. 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

5. Która jednostka w CSS jest zależna od szerokości widoku (viewport)?

Pytanie 615

em rem vw px

6. Jak działa atrybut loading lazy w znaczniku <img>

Pytanie 594

Obraz ładuje się dopiero gdy zbliży się do obszaru widocznego w przeglądarce Obraz ładuje się tylko po kliknięciu użytkownika Obraz ładuje się po załadowaniu całej strony Obraz nigdy się nie ładuje

7. Jakiego atrybutu HTML użyjesz, by wymusić, że pole formularza musi być wypełnione?

Pytanie 481

checked required must validate

8. 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

9. Który z poniższych jest prawidłowym kolorem HTML?

Pytanie 230

Apple Bannana Tomato Berry

10. Jak za pomocą CSS wybrać każdy drugi element listy uporządkowanej?

Pytanie 346

ol:nth-child(2) ol:nth-child(2n) li:nth-child(2) li:nth-child(2n)

11. Jakie jest przeznaczenie znacznika <address> w HTML5?

Pytanie 623

Służy do oznaczania dowolnego adresu fizycznego w tekście (np. siedziby firmy) Służy do podania informacji kontaktowych do autora lub właściciela dokumentu/artykułu Służy do integracji z Mapami Google Jest to kontener dla pól formularza typu 'email'

12. 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

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

Pytanie 224

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

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

Pytanie 737

15. Zastosowano zapis: grid-template-columns: 100px 1fr 2fr;. Jeśli kontener ma 400px szerokości, jaką szerokość będzie miała kolumna '1fr'?

Pytanie 734

100px 150px 200px 300px

16. W CSS selektor #id1 .class1 oznacza:

Pytanie 516

element z id class1 w elemencie class1 element z klasą class1 w elemencie o id id1 element z id id1 w klasie class1 wszystkie elementy class1

17. 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

18. Jak działa minmax() w CSS Grid?

Pytanie 618

Określa minimalną i maksymalną wartość dla wiersza lub kolumny Tworzy maksymalną szerokość elementu Ukrywa kolumny przekraczające rozmiar Ustawia odstępy między elementami

19. 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

20. Jaka jest różnica między jednostkami vh i % przy określaniu wysokości?

Pytanie 738

vh odnosi się do rodzica, % do rzutni % odnosi się do rodzica, vh do wysokości całej strony (scrolla) vh odnosi się do wysokości okna przeglądarki, % do wysokości rodzica Nie ma żadnej różnicy

21. 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

22. W CSS display: flex tworzy:

Pytanie 519

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

23. Do czego służy pseudo-element ::before w CSS?

Pytanie 613

Dodaje zawartość przed elementem Dodaje zawartość po elemencie Tworzy nowy element DOM Zmienia zawartość elementu

24. 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

25. Który zapis w CSS poprawnie wybiera każdy element <a>, którego atrybut 'href' kończy się rozszerzeniem '.pdf'?

Pytanie 759

a[href='.pdf'] a[href^='.pdf'] a[href$='.pdf'] a[href*='.pdf']

26. Co robi właściwość object-fit w CSS?

Pytanie 603

Ustawia szerokość obiektu Kontroluje dopasowanie zawartości do kontenera Zmienia kolejność elementów Dodaje marginesy

27. Który selektor ma najwyższą specyficzność (wagę)?

Pytanie 731

div#main .content body #main ul li:first-child .wrapper .nav .item

28. Który selektor CSS wybiera wszystkie elementy po danym elemencie rodzeństwa?

Pytanie 610

element + element element ~ element element &gt element element.element

29. 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

30. Która jednostka CSS odnosi się do szerokości znaku '0' w bieżącej czcionce?

Pytanie 755

em ex rem ch

31. 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.

32. 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

33. 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

34. 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

35. 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;

36. 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

37. 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

38. 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

39. 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

40. 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

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ń