Test HTML CSS - Egzaminy24

1. W języku HTML informacje dotyczące autora, streszczenia i słów kluczowych strony należy umieścić

Pytanie 495

pomiędzy znacznikami <head> i </head>, w znaczniku <body> pomiędzy znacznikami <body> i </body>, w znaczniku <head> pomiędzy znacznikami <body> i </body>, w znaczniku <meta> pomiędzy znacznikami <head> i </head>, w znaczniku <meta>

2. Jakie jest działanie właściwości 'z-index' w CSS?

Pytanie 772

Określa stopień powiększenia elementu Określa kolejność wyświetlania elementów na osi Z (nakładanie się na siebie) Określa odstęp między literami Określa przezroczystość warstwy

3. Chcąc zdefiniować marginesy wewnętrzne dla danych: margines górny 50px, dolny 40px, prawy 20px i lewy 30px należy użyć składni CSS

Pytanie 285

padding: 50px, 20px, 40px, 30px; padding: 40px, 30px, 50px, 20px; padding: 20px, 40px, 30px, 50px; padding: 50px, 40px, 20px, 30px;

4. Co oznacza pojęcie 'FOUC' (Flash of Unstyled Content) w kontekście ładowania stron internetowych i jak mu zapobiegać?

Pytanie 858

Jest to nagłe mignięcie ekranu spowodowane błędnym kodem JavaScript To zjawisko, w którym przeglądarka przez ułamek sekundy wyświetla niesformatowany tekst HTML przed załadowaniem zewnętrzigen plików CSS; zapobiega się mu poprzez umieszczanie tagów <link> w sekcji <head> To błąd renderowania obrazów SVG w starszych wersjach przeglądarek To efekt wywołany zbyt dużą ilością animacji CSS uruchamianych jednocześnie

5. Która właściwość CSS umożliwia ukrycie elementu tylko wizualnie, ale pozostawia go w układzie strony?

Pytanie 619

display: none visibility: hidden opacity: 0 position: absolute

6. Która wartość 'display' sprawia, że element zachowuje się jak liniowy (nie zaczyna nowej linii), ale pozwala na ustawianie mu szerokości (width) i wysokości (height)?

Pytanie 625

block inline inline-block flex

7. Atrybut alt w znaczniku służy do:

Pytanie 82

ustawienia rozmiaru obrazu określenia adresu obrazu dodania tekstu alternatywnego nadania klasy CSS

8. Jaki selektor będzie działał na wszystkie przyciski wysyłające formularz?

Pytanie 340

input[type=submit], button[type=submit] input[type=send], buttom[type=send] input[type=send] buttom[type=send] input, button [type=submit]

9. Jaka właściwość CSS służy do ustawienia przestrzeni między kolumnami w gridzie?

Pytanie 599

grid-gap column-gap gap space-between

10. Który atrybut HTML określa, że pole formularza musi być wypełnione?

Pytanie 385

required mandatory validate needed

11. Atrybut action w znaczniku <form> określa:

Pytanie 120

nazwę formularza sposób przesyłania danych adres, na który wysyłane są dane typ formularza

12. W jakim celu stosuje się tag <form> w HTML?

Pytanie 24

Do wstawiania tabel Do tworzenia formularzy Do tworzenia list Do dodawania obrazków

13. Która jednostka w CSS zależy od rozmiaru czcionki rodzica?

Pytanie 602

em rem px vw

14. Jak w CSS zapisać komentarz?

Pytanie 75

// komentarz /* komentarz */ * komentarz * ! komentarz

15. W CSS właściwość display: flex; służy do:

Pytanie 184

pozycjonowania absolutnego tworzenia układu siatki układania elementów w elastycznym kontenerze nadawania koloru tła

16. W CSS selektor div > p oznacza:

Pytanie 409

Wszystkie elementy w dokumencie Wszystkie zawarte w Tylko będące bezpośrednimi dziećmi Tylko z klasą „div”

17. Która wartość display sprawia, że element znika z dokumentu i nie zajmuje w nim żadnego miejsca?

Pytanie 750

visibility: hidden; display: none; opacity: 0; display: block;

18. Który zapis CSS sprawi, że element <div> o szerokości 300px zostanie wyśrodkowany w poziomie wewnątrz swojego rodzica?

Pytanie 770

margin: 0 auto; text-align: center; align-content: center; padding: 0 50%;

19. Co oznacza atrybut alt w znaczniku ?

Pytanie 136

Tekst alternatywny przy braku obrazu Alternatywny adres obrazka Odnośnik do innego pliku Szerokość obrazka

20. Która kolejność stylów CSS ma najwyższy priorytet przy formatowaniu elementów strony?

Pytanie 418

Zewnętrzny, Wydzielony, Lokalny Rozciągnięty, Zewnętrzny, Lokalny Lokalny, Wewnętrzny, Zewnętrzny Wewnętrzny, Zewnętrzny, Rozciągnięty

21. Co oznacza skrót RWD w kontekście tworzenia witryn internetowych?

Pytanie 774

Remote Web Design Rapid Web Development Responsive Web Design Real World Data

22. W CSS, selektor p { color: red; } – co oznacza?

Pytanie 86

Zmienia kolor tła akapitu na czerwony Zmienia kolor tekstu we wszystkich elementach na czerwony Tworzy nowy paragraf Definiuje margines dla obrazków

23. Jak ustawić margines wewnętrzy poziomy za pomocą CSS?

Pytanie 342

padding-horizontal: 10px; margin-inline: 10px; padding-inline: 10px; margin-x: 10px;

24. Aby złamać linię tekstu w kodzie (np. w napisie), używa się znaku:

Pytanie 428

b slash t n

25. Dany jest element z definicją: 'box-sizing: border-box; width: 300px; padding: 20px; border: 5px solid black; margin: 15px;'. Jaka jest całkowita szerokość (width) zajmowana przez sam obszar zawartości (content box) tego elementu podawana w modelu polowym?

Pytanie 842

300px 250px 260px 350px

26. W CSS właściwość opacity: 0.5; oznacza

Pytanie 483

Element jest w połowie przezroczysty Element jest dwa razy mniejszy Element jest przesunięty o 50% Element jest w połowie obrócony

27. Co oznacza właściwość CSS z-index: 100;?

Pytanie 366

Ustawia przezroczystość elementu Określa kolejność nakładania się elementów (warstwy) Definiuje odległość od góry Włącza animację

28. Tło dokumentu ma być obrazem rys.png, powtarzanym tylko w poziomie. Poprawna definicja to:

Pytanie 432

{background-image: url("rys.png"); background-repeat: repeat-y;} {background-image: url("rys.png"); background-repeat: repeat-x;} {background-image: url("rys.png"); background-repeat: repeat;} {background-image: url("rys.png"); background-repeat: round;}

29. Który atrybut w znaczniku <input> pozwala na wyświetlenie wyszarzonego tekstu pomocniczego, który znika po rozpoczęciu pisania?

Pytanie 776

value text placeholder required

30. Jak w CSS ustawić element na środku ekranu (pionowo i poziomo)?

Pytanie 232

align: center; display: block; center: true; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); float: center;

31. Na podstawie przedstawionego kodu formularza HTML można powiedzieć, że pole edycyjne

Pytanie 563

może być puste. wymaga wpisania jedynie znaków alfanumerycznych. nie może być puste i wymaga wpisania tekstu ze znakiem @. nie powinno zawierać znaków numerycznych.

32. Co stanie się z elementem, który posiada właściwość 'position: absolute', jeśli żaden z jego rodziców ani przodków w drzewie DOM nie ma jawnie ustawionej właściwości position innej niż static?

Pytanie 847

Element zostanie wypozycjonowany względem elementu body lub okna przeglądarki (viewportu) Element zachowa się jak element o pozycji statycznej (position: static) Element zostanie ukryty i usunięty z przepływu dokumentu Przeglądarka zgłosi błąd krytyczny i przerwie renderowanie

33. Do czego służy właściwość CSS 'list-style-type: none;'?

Pytanie 777

Do ukrycia całej listy Do usunięcia domyślnych punktorów (np. kropek) w liście <ul> Do zmiany orientacji listy na poziomą Do podkreślenia elementów listy

34. Który z poniższych selektorów CSS zmienia kolor tekstu dla elementu z identyfikatorem main-header?

Pytanie 378

.main-header #main-header main-header header#main-header

35. Które z poniższych właściwości CSS służy do zmiany koloru tła elementu?

Pytanie 457

color background-color border-color fill

36. Który pseudoelement pozwala na dodanie treści (tekstu lub grafiki) przed zawartością danego elementu za pomocą CSS?

Pytanie 746

::after ::before ::first-child ::content

37. W języku CSS, które z podanych odpowiedzi może zostać użyte do wyśrodkowania elementu div?

Pytanie 78

text-align: center; margin-inline: auto; position: center; margin-inline: center;

38. W języku CSS selektor .menu ul li oznacza:

Pytanie 347

wszystkie elementy w dokumencie wszystkie elementy o klasie "menu" wszystkie elementy znajdujące się w wewnątrz elementu o klasie "menu" element w liście

39. Co oznacza position: absolute w CSS?

Pytanie 394

Element jest wyjmowany z przepływu dokumentu i pozycjonowany względem najbliższego rodzica z position ≠ static Element jest przyklejony do ekranu Element jest niewidoczny Element jest wyśrodkowany

40. Jak działa właściwość z-index w CSS?

Pytanie 611

Ustawia kolejność elementów w osi Z Zmienia kolejność elementów w DOM Ukrywa elementy poniżej osi Y Dodaje cień do elementu

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ń