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

#container

selektor uniwersalny

selektor1 spacja selektor2

selektory potomka

selektor1 + selektor2

selektory rodzeństwa

*

selekcja za pomocą klasy

.container

selekcja za pomocą identyfikatora

5.

Cztery stany linków to:

a:active

normalny, nieodwiedzony link

a:hover

link odwiedzony przez użytkownika

a:link

link, gdy się nad nim zastanawiasz

a:visited

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

A dashed border.

A solid border.

11.

Dopasuj następujące

lista nieuporządkowana

lista uporządkowana

lista mieszana