Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS, flex-box, html

Total questions: 11

Worksheet time: 12mins

Name
Class
Date
1.

Wskaż definicję znacznika: ARTICLE

a)

Pełni rolę nagłówka jakiegoś strony lub sekcji, powinniśmy stosować go jako kontener dla treści wprowadzającej, możesz użyć kilku headerów na stronie.

b)

W nim umieszczamy kompletną, autonomiczną treść. Ten element przyjmuje często powtarzalną formę np. jako post na blogu, post na forum, komentarz.

c)

Zgrupowana tematycznie zawartość. Należy pamiętać, że jej tytuł powinien być umieszczony w sekcji nagłówkowej

d)
  • Tag, który umożliwia dodanie rozwijalnych i zwijalnych szczegółów na stronie. Dzięki niemu możemy udzielić użytkownikowi dodatkowe informacje.

2.

Wyjaśnij pojęcie: SELEKTOR

a)

To właśnie dzięki selektorowi możemy przypisać wybranemu elementowi konkretny styl. Selektor wskazuje element, którego wygląd chcemy zmienić.

b)

W nim umieszczamy kompletną, autonomiczną treść. Najlepiej tłumaczy się to w ten sposób – kiedy wyciągniemy taki selektor z naszej strony i umieścimy samotnie, to on wciąż będzie sensowny, zrozumiały i logiczny.

c)

Jest to program posiadający zdolność powielania się. Selektor do swojego działania potrzebuje i wykorzystuje system operacyjny i aplikacje.

d)

Znacznik dzięki, któremu umieścimy kompletną treść naszego wpisu w wybranej sekcji na stronie.

3.

Wskaż definicję znacznika: ASIDE

a)

W nim umieszczamy szersze informacje. Tag jest bardzo podobny do headera z taką różnicą, że w headerze podajemy informacje, które chcemy wiedzieć przed czytaniem danej treści.

b)

To nic innego jak etykieta tekstowa do naszego obrazka, rysunku, zdjęcia.

c)

Pełni rolę nagłówka jakiegoś strony lub sekcji, powinniśmy stosować go jako kontener dla treści wprowadzającej, możesz użyć kilku headerów na stronie.

d)

Znacznik przeznaczony na treści tylko marginalnie związane z danym tematem, zawartością. Przykładem mogą być polecane źródła, reklamy, okienko tweetera, podział na kategorie, powiązane wpisy.

4.

Dopasuj następujące

a)

*

1.

selektor uniwersalny

b)

selektor1 spacja selektor2

2.

selektory potomka

c)

selektor1 + selektor2

3.

selektory rodzeństwa

d)

.container

4.

selekcja za pomocą klasy

e)

#container

5.

selekcja za pomocą identyfikatora

5.

Cztery stany linków to:

a)

a:link

1.

normalny, nieodwiedzony link

b)

a:visited

2.

link odwiedzony przez użytkownika

c)

a:hover

3.

link, gdy się nad nim zastanawiasz

d)

a:active

4.

link w momencie kliknięcia

6.

justify-content, właściwość która wyrównuje elementy:

a)

w pionie

b)

w poziomie

7.

align-items to właściwość, która wyrównuje elementy:

a)

w pionie

b)

w poziomie

8.

Właściwość flex-direction określa:

a)

kierunek w jakim elementy są rozmieszczone w kontenerze

b)

kierunek w jakim elementy są rozmieszczone względem siebie samych

9.

Właściwość order:

a)

Domyślnie elementy mają wartość 0, ale przy pomocy tej własności możemy ustalić kolejność na dowolną dodatnią lub ujemną wartość.

b)

Elementy wystające przechodzą do kolejnych linii.

10.

Dopasuj następujące

a)

1.

A dotted border.

b)

2.

A dashed border.

c)

3.

A solid border.

11.

Dopasuj następujące

a)

1.

lista nieuporządkowana

b)

2.

lista uporządkowana

c)

3.

lista mieszana