Test HTML CSS - Egzaminy24

1. Który z poniższych zapisów koloru jest poprawny dla koloru czarnego z 50% przezroczystością?

Pytanie 741

rgba(0,0,0,50) rgba(0,0,0,0.5) rgb(0,0,0,50%) Obie odpowiedzi B i C są poprawne

2. W języku CSS selektor p.intro oznacza:

Pytanie 441

wszystkie akapity akapit o identyfikatorze intro wszystkie akapity o klasie intro pierwszy akapit na stronie

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

Pytanie 82

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

4. Mamy trzy selektory: 1) .header .nav, 2) #main-nav, 3) div.nav.active. Który z nich zostanie zastosowany, jeśli wszystkie odnoszą się do tego samego elementu?

Pytanie 763

Selektor 1 Selektor 2 Selektor 3 Wszystkie mają tę samą wagę

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

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

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

8. W CSS właściwość 'overflow: hidden;' zastosowana na kontenerze:

Pytanie 624

Powoduje wyświetlenie pasków przewijania tylko gdy treść wystaje Ukrywa treść wykraczającą poza obszar kontenera i nie pozwala na jej przewinięcie Automatycznie powiększa kontener, by pomieścić całą treść Zmienia kolor tekstu na taki sam jak tło

9. Jak w CSS nadać obramowanie?

Pytanie 261

border: 1px solid black; outline: 1 black; frame: black; line: 1 solid;

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

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

12. Element nadrzędny ma właściwość 'font-size: 20px'. Element potomny ma zdefiniowane: 'font-size: 50%; line-height: 120%;'. Jaka będzie wartość 'line-height' elementu potomnego wyrażona w pikselach?

Pytanie 872

24px 12px 20px 10px

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

14. Parametr face znacznika <font> służy do określenia:

Pytanie 153

barwy czcionki wielkości czcionki nazwy czcionki stylu czcionki

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

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

Pytanie 342

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

17. Który parametr zmienia w HTML kolor czcionki?

Pytanie 66

color color-font color-subtitles font-color

18. Mamy następujący kod HTML i CSS: <div class='box' id='main-box' style='color: blue;'>Tekst</div> oraz style w pliku: div.box { color: red !important; } #main-box { color: green; }. Jakiego koloru będzie tekst wewnątrz elementu div?

Pytanie 840

Niebieskiego (blue) Czerwonego (red) Zielonego (green) Domyślnego koloru przeglądarki (czarnego)

19. Jakie znaczenie ma atrybut alt w znaczniku ?

Pytanie 103

Określa ścieżkę do obrazu. Ustawia podpis pod obrazem. Wyświetla tekst, gdy obraz nie może się załadować. Włącza tryb alternatywny dla przeglądarki.

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. Masz kod CSS: '.card { display: inline-block; pointer-events: none; }'. Jak wpłynie ta właściwość na zachowanie użytkownika w interakcji z elementem o klasie .card?

Pytanie 850

Element .card stanie się niewidoczny dla użytkownika Użytkownik nie będzie mógł zaznaczyć tekstu wewnątrz tego elementu Element .card nie będzie reagował na kliknięcia, najechania myszką (hover) ani inne zdarzenia wskaźnika, a kliknięcia 'przejdą' do elementów pod nim Element automatycznie zablokuje możliwość kopiowania zawartości za pomocą klawiatury

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

Pytanie 230

Apple Bannana Tomato Berry

23. Co oznacza atrybut 'alt' w tagu <img>, gdy jest pusty (alt="")?

Pytanie 747

Obrazek jest uszkodzony Obrazek jest czysto dekoracyjny i powinien być zignorowany przez czytniki ekranu Obrazek nie ma tytułu Obrazek powinien zostać ukryty

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

25. W CSS3 właściwość 'transition' nie będzie działać dla:

Pytanie 751

background-color width display font-size

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

27. Co to jest CSS i do czego służy?

Pytanie 523

Jest to język służący do tworzenia baz danych Jest to język służący do stylizacji stron internetowych Jest to framework do tworzenia aplikacji mobilnych Jest to narzędzie do analizy danych

28. Co oznacza skrót CSS?

Pytanie 131

Computer Style Sheets Cascading Style Sheets Centralized Style Sheets Color Styling Sheets

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. Jeśli do elementu blokowego zastosujesz właściwość 'transform: scale(1);', jaki ukryty wpływ wywrze to na elementy potomne o pozycjonowaniu stałym ('position: fixed')?

Pytanie 863

Elementy fixed znikną z ekranu, ponieważ transformacja redukuje ich wymiary do zera Elementy fixed zaczną pozycjonować się względem tego transformowanego rodzica, zamiast względem okna przeglądarki (viewportu) Właściwość transform zostanie zablokowana i nie wywoła żadnego skutku wizualnego Elementy fixed automatycznie zmienią swoją pozycję na 'position: absolute' bez zachowania współrzędnych

31. Która pseudoklasa CSS pozwala na zmianę np: koloru czcionki po najechaniu kursorem na dany obszar?

Pytanie 62

hover sections light mouse

32. Która właściwość języka CSS może przyjmować wartości: underline, overline, line-through?

Pytanie 564

text-decoration font-weight text-style font-style

33. Plik wideo należy osadzić na stronie internetowej tak, aby były widoczne przyciski sterujące oraz materiał odtwarzał się w sposób zapętlony. W tym celu należy zastosować w znaczniku <video> atrybuty

Pytanie 560

controls i loop autoplay i preload loop i muted controls i autoplay

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

Pytanie 755

em ex rem ch

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

Pytanie 737

36. Który selektor CSS wybiera wszystkie elementy wewnątrz o klasie menu?

Pytanie 95

ul.menu li li > ul.menu ul li.menu .menu > li

37. Co oznacza atrybut alt w znaczniku ?

Pytanie 136

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

38. Co trzeba dopisać do nazwy klasy w CSS, żeby reagował na obecność myszy?

Pytanie 64

:focus ::after :shadow :hover

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

Pytanie 753

Metodę przesyłania danych (GET/POST) Adres URL, pod który zostaną wysłane dane z formularza Typ kodowania znaków Wymagane pola do wypełnienia

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

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ń