wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

CSS i HTML

Total questions: 18

Worksheet time: 36mins

Name
Class
Date
1.

Jak nazywa się metoda dołączania arkusza stylów do dokumentu HTML użyta w przedstawionym kodzie <p style=”color: red;>tekst paragrafu</p>

a)

Styl zewnętrzny

b)

Styl wewnętrzny

c)

Styl wpisany, lokalny

d)

Styl alternatywny, zewnętrzny

2.

Który znacznik należy do znaczników definiujących listy w języku HTML?

a)

< tr >

b)

< th >

c)

< td >

d)

< ul >

3.

Wartości: static, relative, fixed, absolute oraz sticky można przypisać do właściwości

a)

display

b)

position

c)

list-style-type

d)

text-transform

4.

Dla akapitu zdefiniowano styl CSS. Które właściwości stylu CSS poprawnie opisują dla akapitu krój czcionki: Arial; rozmiar czcionki: 16 pt; styl czcionki: pochylenie?

a)

p {

font-style: Arial; size: 16px;

font-weight: normal;

}

b)

p {

font-family: Arial;

font-size: 16pt;

font-style: italic;

}

c)

p {

font-style: Arial;

font-size: 16pt;

font-variant: normal;

}

d)

p {

font-family: Arial;

font-size: 16px;

font-variant: normal;

}

5.

Której właściwości CSS należy użyć, aby zdefiniować marginesy wewnętrzne dla elementu?

a)

hight

b)

width

c)

margin

d)

padding

6.

By dostosować stronę internetową dla niewidomych, należy nadać wyświetlanym za pomocą znacznika img obrazom atrybut

a)

alt

b)

src

c)

text

d)

style

7.

Tekst paragrafu, wyrównany w poziomie do środka, opisuje w CSS reguła

a)

vertical-align: middle 

b)

vertical-align: center

c)

text-align: center

d)

align: middle

8.

W języku CSS, należy zdefiniować tło dokumentu jako obraz rys.png. Obraz ma powtarzać się JEDYNIE W POZIOMIE. Którą definicję należy przypisać selektorowi body?

a)

{

background-image: url("rys.png");

background-repeat: round;

}

b)

{

background-image: url("rys.png");

background-repeat: repeat;

}

c)

{

background-image: url("rys.png");

background-repeat: repeat-x;

}

d)

{

background-image: url("rys.png");

   background-repeat: repeat-y;}

9.

Witryna internetowa ma mieć przedstawioną strukturę bloków. Aby uzyskać ten układ, należy znacznikom sekcji przypisać właściwości w następujący sposób:

a)

float tylko dla bloku 5;

clear dla bloku 2         

b)

float tylko dla bloków: 3, 4;

clear dla bloku 5

c)

float tylko dla bloku 2;

clear dla bloków: 3, 4

d)

.float tylko dla bloków: 2, 3, 4; clear dla bloku 5

10.

Który zapis w dokumencie HTML pozwala na połączenie z zewnętrznym arkuszem stylów o nazwie style.css?

a)

< link rel="stylesheet' src="style.css" >

b)

< link rel="stylesheet" href="style.css" >

c)

< a href="style.css" >

d)

< a src="style.css" >

11.

Aby przygotować szablon strony z trzema kolumnami ustawionymi obok siebie, można posłużyć się stylem CSS

a)

A

b)

B

c)

C

d)

D

12.

Który z atrybutów background-attachment w języku CSS należy wybrać, aby tło strony było nieruchome względem okna przeglądarki?

a)

Scroll

b)

Fixed

c)

Local

d)

Inherit

13.

Jaki będzie selektor CSS dla kodu html <div id="blok"></div>

a)

#blok


b)

.blok

c)

id="blok"

d)

style { blok }

14.

Aby zdefiniować krój czcionki w stylu CSS, należy użyć właściwość

a)

text-style

b)

font-style

c)

text-family

d)

font-family

15.

W języku CSS przypisano regułę: float:left; dla bloku. Reguła ta zostanie wykorzystana do

a)

wyrównania tekstu do lewej strony

b)

ustawienia bloków jeden pod drugim

c)

ustawienia bloku na lewo względem innych

d)

wyrównanie elementów tabeli do lewej strony

16.

Jest podany kod CSS
#blok { font-family: Arial; width: 560px; height: 600px;}

element o id blok będzie miał szerokość

a)

20px

b)

600px

c)

560px

d)

640px

17.

Które z formatowań NIE JEST wyrażone w języku CSS?

a)

A

b)

B

c)

C

d)

D

18.

W języku CSS zapisano wspólne formatowanie dla pewnej grupy znaczników. Formatowanie takich znaczników w kodzie HTML nastąpi przez atrybut

a)

style = "format1"

b)

id = "format1"

c)

div = "format1"

d)

class = "format1"