wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

CSS dla fotografów

Total questions: 30

Worksheet time: 45mins

Name
Class
Date
1.
Kod języka CSS można umieścić wewnątrz kodu HTML, posługując się znacznikiem
a)
<head>
b)
<style>
c)
<meta>
d)
<body>
2.
W języku CSS zapis
h2 {background-color: green;}
sprawi, że koloru zielonego będzie
a)
tło całej strony.
b)
czcionka nagłówka drugiego stopnia.
c)
tło tekstu nagłówka drugiego stopnia.
d)
czcionka każdego nagłówka na stronie.
3.
W języku CSS, aby sformatować tekst poprzez przekreślenie, podkreślenie dolne lub górne należy zastosować atrybut
a)
text-align
b)
text-indent
c)
text-transform
d)
text-decoration
4.
W języku CSS zdefiniowano następujące formatowanie.
Kolorem czerwonym zostanie zapisany
a)
tylko tekst pochylony nagłówka pierwszego stopnia.
b)
tylko tekst pochylony we wszystkich poziomach nagłówków.
c)
cały tekst nagłówka pierwszego stopnia oraz pochylony tekst akapitu.
d)
cały tekst nagłówka pierwszego stopnia oraz cały tekst pochylony, niezależnie od tego w którym miejscu strony się znajduje.
5.
W języku CSS aby sformatować dowolny element języka HTML w ten sposób, że po najechaniu na niego kursorem zmienia on kolor czcionki, należy zastosować pseudoklasę
a)
active
b)
hover
c)
visited
d)
coursor
6.
W języku CSS wartości: underline, overline, blink przyjmują atrybut
a)
text-style
b)
font-style
c)
font-weight
d)
text-decoration
7.
W języku CSS zdefiniowano styl. Sformatowana stylem sekcja będzie zawierała obramowanie o szerokości
div { border: solid 2px blue;
margin: 20px;}
a)
2 px oraz marginesy wewnątrz tego obramowania.
b)
20 px oraz marginesy wewnątrz tego obramowania.
c)
2 px oraz marginesy na zewnątrz tego obramowania.
d)
20 px oraz marginesy na zewnątrz tego obramowania.
8.
Aby przygotować szablon strony z trzema kolumnami ustawionymi obok siebie, można posłużyć się stylem CSS
a)
.kolumny{ float: left; width: 33%; }
b)
.kolumny{ float: right; height: 33%; }
c)
.kolumny{ clear: both; height: 33%; }
d)
.kolumny{ float: left; width: 40%; }
9.

Styl z pliku styl.css możemy zaimportować do dokumentu HTML przy pomocy tagu:

a)

<meta>

b)

<head>

c)

<link>

d)

<import>

10.

Styl ustawiający kolor czcionki na czerwony to:

a)

color: red;

b)

font-color: red;

c)

color="red";

d)

font-color="red";

11.

Prawidłowa nazwa identyfikatora w CSS to

a)

.id

b)

#id

c)

:id

d)

@id

12.

Prawidłowa nazwa klasy w CSS to

a)

.klasa

b)

#klasa

c)

:klasa

d)

@klasa

13.

Wskaż prawidłowy zapis wartości stylu css

a)

10 px

b)

10px

c)

10-px

d)

10.px

14.

Kolor czarny to:

a)

rgb(0,0,0);

b)

#ffffff;

c)

red;

d)

rgb(255,255,255);

15.

Jak zapisać margines górny

a)

margin-top

b)

padding-top

c)

top

d)

top-margin

16.

tworzy margines po lewej stronie

a)

left

b)

padding-left

c)

letf-padding

d)

margin-left

17.
Jak zmienić kolor tekstu elementu?
a)
text-color:black;
b)
text-color=blue;
c)
color:green;
d)
font-color:yellow;
18.
W którym miejscu kodu HTML należy definiować style?
a)
w sekcji <body>
b)
w sekcji <head>
c)
na końcu dokumentu
d)
na początku dokumentu
19.
Która z podanych definicji jest poprawna?
a)
{body:color=black(body}
b)
body:color=black;
c)
{body;color:black;}
d)
body {color: black;}
20.
Jak zmienić czcionkę elementu?
a)
font-type:
b)
font:
c)
font-family:
d)
text-font:
21.
Jak wyśrodkować element w poziomie?
a)
text-align: center
b)
text-align: top
c)
text- align: left
d)
text align: right
22.
Aby ustawić czcionkę Verdana w kodzie CSS, należy wykorzystać właściwość:
a)
font-style: Verdana;
b)
font-name: Verdana;
c)
font-family: Verdana;
d)
font-weight: Verdana;
23.
Jakie rozszerzenie ma plik w zewnętrznym stylu arkuszów?
a)
.css
b)
.html
c)
.xhtml
d)
.txt
24.

Co oznacza CSS?

a)

Cascading Style Stops

b)

Cascade Style Sheets

c)

Cascading Style Sheets

d)

Creative Style Sheets

25.

W języku CSS zdefiniowano formatowanie

p {color:blue}

Oznacza to,że kolorem niebieskim zostanie zapisany

a)

cały tekst paragrafu niezależnie od jego formatowania

b)

pochylony tekst paragrafu.

c)

cały tekst nagłówka niezależnie od od ich formatowania.

d)

pogrubiony tekst paragrafu.

26.

W języku CSS zapis w postaci:

p {background-image:url("rysunek.png");}

sprawi,że rysunek.png będzie

a)

tłem całej strony

b)

tłem każdego paragrafu

c)

wyświetlony obok każdego paragrafu.

d)

wyświetlony, jeśli w kodzie zostanie zastosowany znacznik img.

27.

W języku CSS określono formatowanie znacznika h1 według wzoru. Zakładając, że żadne inne formatowanie nie jest dodane do znacznika h1, wskaż sposób formatowania tego znacznika

h1{ font-style: oblique;

font-variant: small-caps;

text-align: right; }

a)
b)
c)
d)
28.

Strona HTML definiuje akapit oraz rysunek. Aby rysunek został umieszczony przez przeglądarkę w tej samej linii co akapit po jego lewej stronie, należy w stylu CSS rysunku zawrzeć własność

a)

float: left;

b)

align: left;

c)

style: left;

d)

alt: left;

29.

Chcąc zdefiniować marginesy wewnętrzne dla danych: margines górny 50px, dolny 40px, prawy 20px i lewy 30px należy użyć składni CSS

a)

padding: 50px, 40px, 20px, 30px;

b)

padding: 50px, 20px, 40px, 30px;

c)

padding: 20px, 40px, 30px, 50px;

d)

padding: 40px, 30px, 50px, 20px;

30.

Chcąc sformatować w stylach CSS wszystkie obrazy zawarte w akapicie, powinno się użyć selektora

a)

p img

b)

p # img

c)

p + img

d)

p.img

Similar Resources on Wayground

Simple Machines

25 questions

Simple Machines

quiz

Worksheet

•

KG - University

IP Address & Subnet Pre-Pickle

25 questions

IP Address & Subnet Pre-Pickle

quiz

Worksheet

•

11th - 12th Grade

PAT ROBOTIC Elektronika Dasar 2019-2020

25 questions

PAT ROBOTIC Elektronika Dasar 2019-2020

quiz

Worksheet

•

KG - Professional Dev...

UJIAN SIMDIG PAS GENAP TP.2019/2020

25 questions

UJIAN SIMDIG PAS GENAP TP.2019/2020

quiz

Worksheet

•

12th Grade

On va voir si vous avez bien écoutez Mme Bouilly

25 questions

On va voir si vous avez bien écoutez Mme Bouilly

quiz

Worksheet

•

1st Grade - University

Ôn tập tin 3 hk1

26 questions

Ôn tập tin 3 hk1

quiz

Worksheet

•

3rd Grade - University

Computer/ Financial Literacy Rev

25 questions

Computer/ Financial Literacy Rev

quiz

Worksheet

•

1st - 12th Grade

HTML and CSS Basics Quiz

27 questions

HTML and CSS Basics Quiz

quiz

Worksheet

•

12th Grade