CSS Basics Quiz for Beginners

Podcast Beta

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Który fragment kodu HTML jest poprawny dla przedstawionej struktury dokumentu?

Lorem ipsum Dolor sit amet Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

Lorem ipsum Dolor sit amet Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum (correct)

Jakie jest główne zastosowanie flexbox w CSS?

Do układania obrazków w przestrzeni

Do stylizacji tekstu na stronie

Do centrowania elementów w poziomie lub w pionie (correct)

Do tworzenia animacji CSS

Który atrybut można użyć do wycentrowania elementu DIV w CSS przy użyciu flexbox?

display: inline-block;

align-items: center;

justify-content: center; (correct)

margin: auto;

Kiedy najlepiej używać flexbox w stylizacji witryny?

Gdy elementy mają być wyśrodkowane w pionie i poziomie Signup and view all the answers

Który z poniższych elementów nie jest typowym zastosowaniem flexbox?

Tworzenie karuzeli obrazów Signup and view all the answers

Jakie style CSS zastosowano w `nav ul` do wycentrowania elementów?

display: flex; Signup and view all the answers

Jaki kolor ma tekst w elemencie `nav`?

biały Signup and view all the answers

Jakie jest domyślne tło dla elementu `nav ul li:hover`?

antiquewhite Signup and view all the answers

Jaki kolor przyjmuje tekst w paragrafie z klasą `one`?

błękitny Signup and view all the answers

Jakie właściwości CSS służą do stworzenia jednego połączonego obramowania dla tabeli?

border-collapse: collapse; Signup and view all the answers

Format pliku BMP należy do kategorii:

rastrowy Signup and view all the answers

Format TIFF jest najczęściej używany do:

Fotografii o wysokiej jakości Signup and view all the answers

Kolor o kodzie #FF00FF to:

Fioletowy Signup and view all the answers

Jakie właściwości CSS są użyte do wyśrodkowania elementu w kontenerze?

justify-content i align-items Signup and view all the answers

Który element CSS służy do zmiany tła po najechaniu myszką?

:hover Signup and view all the answers

Jakie wartości zostały przypisane do 'background-color' dla elementu o klasie 'a'?

niebieski Signup and view all the answers

Czym różni się 'align-items' od 'align-content' w CSS?

align-items dotyczy elementów pojedynczych, align-content grupy elementów Signup and view all the answers

Która z poniższych definicji CSS nie jest poprawna?

nav ul li { list-style-type: none; } Signup and view all the answers

Jakie wartości mają właściwości 'width' i 'height' dla elementu z klasą 'b'?

$50px$ i $50px$ Signup and view all the answers

Co się stanie z tłem elementu 'Formularz', gdy na niego najedziesz myszką?

Kolor pozostanie bez zmian Signup and view all the answers

Jaka wartość paddingu została przypisana do elementu 'nav'?

10px Signup and view all the answers

Study Notes

Pytanie 1/9

Obrazek pokazuje listę kilku poziomów zagnieżdżeń.
Odpowiedź A jest jedyną, w której poziomy zagnieżdżeń listy są odpowiednio ułożone.

Pytanie 2/9

Właściwości CSS justify-content: center i align-items: center służą do wycentrowania elementu wewnątrz jego kontenera.

Pytanie 3/9

Należy znaleźć kod CSS, który powoduje zmianę koloru tła elementu listy po najechaniu myszką.
Odpowiedź B zawiera właściwość :hover, która jest używana do stylowania elementu po najechaniu myszką.

Pytanie 4/9

W CSS, właściwości p nadają kolor niebieski blueviolet wszystkim elementom paragrafu.
.one p zmienia kolor na aqua wszystkim elementom paragrafu wewnątrz elementu o klasie "one".
.two p zmienia kolor na blue wszystkim elementom paragrafu wewnątrz elementu o klasie "two".
.three p zmienia kolor na green wszystkim elementom paragrafu wewnątrz elementu o klasie "three".
W paragrafie z identyfikatorem "three" kolor będzie green.

Pytanie 5/9

Właściwość border-collapse: collapse; służy do połączenia dwóch sąsiadujących obramowań.

Pytanie 6/9

Format pliku BMP jest rastrowy.

Pytanie 7/9

Format pliku TIFF jest używany głównie do fotografii o wysokiej jakości.

Pytanie 8/9

Kolor #FF00FF to fioletowy.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

Sprawdź swoją wiedzę na temat podstaw CSS w tym quizie! Zawiera pytania dotyczące zagnieżdżeń, wycentrowania elementów oraz stylizacji po najechaniu myszką. Idealny dla początkujących chcących poprawić swoje umiejętności CSS.