Szybkie Kurski - Darmowe kursy technologiczne

1.

Który zapis w CSS ustawi kolor tekstu na czerwony przy użyciu systemu HEX?

color: red;

color: hsl(0, 100%, 50%);

color: rgb(255, 0, 0);

color: #ff0000;

2.

Co oznacza wartość rgba(0, 0, 255, 0.5)?

Niebieski kolor półprzezroczysty

Czarny kolor w 50% krycia

Czerwony kolor w 50% krycia

Zielony kolor półprzezroczysty

3.

Co oznacza zapis hsl(0, 100%, 50%)?

Niebieski półprzezroczysty

Czerwony o normalnej jasności

Zielony w pełnym nasyceniu

Szary kolor o jasności 50%

4.

Która jednostka jest bezwzględna w CSS?

vw

px

em

%

5.

Jaka będzie wielkość czcionki w elemencie

, jeśli w CSS ustawimy font-size: 2em;, a rodzic ma font-size: 16px?

32px

8px

2px

16px

6.

Co oznacza jednostka 5vw w CSS?

5 pikseli wysokości ekranu

5% wysokości ekranu

5% szerokości ekranu

5 pikseli szerokości ekranu

7.

Jak poprawnie zdefiniować i użyć zmiennej w CSS?

$main-color: blue; → color: $main-color;

--main-color: blue; → color: var(--main-color);

var(--main-color: blue); → color: var(--main-color);

--main-color = blue; → color: --main-color;

8.

Co się stanie z poniższym kodem? :root { --text-color: black; }

.dark-mode { --text-color: white; }

p { color: var(--text-color); }

Tekst akapitów zmieni się na biały w trybie .dark-mode

Akapity nie będą miały żadnego koloru

Zmienna --text-color nie zadziała, bo nie ma wartości domyślnej

Tekst akapitów zawsze będzie czarny

Kolory i jednostki w CSS