Test HTML CSS - Egzaminy24

1. Aby na stronie internetowej wszystkie elementy blokowe były wyśrodkowane w poziomie należy dla nich zdefiniować styl

Pytanie 561

text-align: center; display: block; margin: auto; padding: auto;

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

3. W CSS display: flex tworzy:

Pytanie 519

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

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

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

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

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

8. W jaki sposób za pomocą czystego CSS (bez JS) można sprawić, by przewijanie strony do kotwic (<a href="#sekcja">) było płynne?

Pytanie 769

transition: scroll 1s; behavior: smooth; scroll-behavior: smooth; scrolling: animate;

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

Pytanie 224

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

10. W CSS jednostka vh oznacza:

Pytanie 506

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

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

Pytanie 481

checked required must validate

12. Zastosowano zapis: .box { width: 50vw; margin-left: calc(50% - 25vw); }. Jeśli okno przeglądarki ma 1000px, a rodzic elementu .box ma 800px, jaka będzie wartość marginesu lewego?

Pytanie 761

150px 250px 100px 50px

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

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

15. Które definicje znacznika input języka HTML zastosowano do wygenerowania przedstawionego na ilustracji zestawu kontrolek formularza (w kodzie podano jedynie znaczniki input, pomijając inne ewentualne znaczniki)?

Pytanie 577

Kod 4. Kod 3. Kod 2. Kod 1.

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

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

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

Pytanie 615

em rem vw px

19. Która właściwość CSS pozwala na zachowanie proporcji elementu (np. 16/9) bez konieczności ręcznego obliczania wysokości względem szerokości?

Pytanie 762

ratio-box aspect-ratio box-proportion image-orientation

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

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

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

23. Do czego służy pseudo-klasa :nth-child(n) w CSS?

Pytanie 605

Wybiera elementy według klasy Wybiera n-ty element spośród rodzeństwa Ukrywa n-ty element Zmienia kolor n-tego elementu

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

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

Pytanie 755

em ex rem ch

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

27. Jakie znaczenie ma atrybut async w <script> w HTML?

Pytanie 606

Skrypt wykonuje się po załadowaniu całej strony Skrypt wykonuje się równolegle z parsowaniem HTML Skrypt jest blokowany do czasu wczytania CSS Skrypt wykonuje się po kliknięciu użytkownika

28. Co oznacza atrybut contenteditable w HTML

Pytanie 598

Element może być edytowany bezpośrednio przez użytkownika w przeglądarce Element jest widoczny tylko w trybie edycji strony Element jest automatycznie zapisywany do bazy danych Element jest ukryty w DOM

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

30. Który selektor CSS wybiera elementy bezpośrednio potomne danego elementu?

Pytanie 604

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

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

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

33. Który atrybut formularza HTML określa adres docelowy przesyłanych danych?

Pytanie 145

method target enctype action

34. Co zwróci przeglądarka gdy element ma ustawione hidden w znaczniku <div hidden>

Pytanie 590

Element nie zostanie wyrenderowany ale pozostanie w DOM Element zostanie wyrenderowany ale niewidoczny Element zostanie usunięty z DOM Element będzie widoczny tylko w trybie debug

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

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

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

Pytanie 731

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

38. Który atrybut znacznika <link> pozwala na wstępne pobranie zasobów (np. czcionek), które będą potrzebne na kolejnych podstronach, w celu przyspieszenia nawigacji?

Pytanie 765

rel="preload" rel="prefetch" rel="prerender" rel="import"

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

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

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ń