NEW
Font size
S
M
L
XL
WorksheetsCSS
Total questions: 20
Worksheet time: 22mins
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.
Chcąc zdefiniować formatowanie tabeli w języku CSS w taki sposób, aby wiersz, który jest aktualnie wskazywany kursorem myszy, został wyróżniony np. innym kolorem, należy zastosować
a)
pseudoklasę :visited
b)
pseudoklasę :hover
c)
pseudoelement :fist-line
d)
nowy selektor klasy dla wiersza tabeli.
3.
Aby uzyskać efekt rozstrzelenia liter w selektorze CSS, należy użyć właściwości
a)
letter-transform
b)
text-decoration
c)
letter-spacing
d)
text-space
4.
Blok deklaracji postaci background-attachment: scroll powoduje, że
a)
grafika tła będzie powtarzana (kafelki).
b)
tło strony będzie przewijane razem z tekstem.
c)
tło strony będzie stałe, a tekst będzie się przewijał.
d)
grafika tła będzie wyświetlona w prawym górnym rogu strony.
5.
W języku CSS zapis
h2 {background-color: green;}
sprawi, że koloru zielonego będzie
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.
6.
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
7.
W języku CSS zapis
a[target="_blank"] {color: yellow;}
sprawi, że kolor żółty przyjmie czcionka
a[target="_blank"] {color: yellow;}
sprawi, że kolor żółty przyjmie czcionka
a)
tekstu paragrafu.
b)
każdego odnośnika.
c)
odnośników, które otwierają się w osobnej karcie.
d)
odnośników, które otwierają się w tej samej karcie.
8.
W języku CSS zapis
p::first-line {font-size: 150%;}
użyty na stronie, na której jest kilka paragrafów, a każdy z nich ma po kilka linii sprawi, ze
p::first-line {font-size: 150%;}
użyty na stronie, na której jest kilka paragrafów, a każdy z nich ma po kilka linii sprawi, ze
a)
pierwsza linia każdego paragrafu będzie miała mniejszą czcionkę niż następne linie.
b)
pierwsza linia każdego paragrafu będzie miała większą czcionkę niż następne linie.
c)
pierwszy paragraf na stronie będzie w całości miał powiększoną czcionkę
d)
całość tekstu paragrafu będzie powiększona o 150%.
9.
W języku CSS zapis w postaci:
p {background-image:url("rysunek.png");}
sprawi,że rysunek.png będzie
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.
10.
W języku CSS,aby zdefiniować niestandardowe odstępy między wyrazami, stosuje się właściwość
a)
line-spacing
b)
white-space
c)
word-spacing
d)
latter-space
11.
W języku CSS zdefiniowano formatowanie
p > i {color:blue}
Oznacza to,że kolorem niebieskim zostanie zapisany
p > i {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.
12.
W języku CSS wcięcie pierwszej linii akapitu na 30 pikseli uzyska się za pomocą zapisu
a)
p {text-indent: 30px; }
b)
p {text-spacing: 30px; }
c)
p {line-height: 30px; }
d)
p {line-indent: 30px; }
13.
W języku CSS zdefiniowano następujące formatowanie.
Kolorem czerwonym zostanie zapisany
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.
14.
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
15.
Zapis CSS postaci:
sprawi, że na stronie internetowej
sprawi, że na stronie internetowej
a)
punktorem listy numerowanej będzie rys.gif
b)
rys.gif będzie stanowił ramkę dla listy numerowanej.
c)
wyświetli się rysunek rys.gif jako tło listy numerowanej.
d)
każdy z punktów listy będzie miał osobne tło pobrane z grafiki rys.gif
16.
W języku CSS aby zdefiniować odmienne formatowanie dla pierwszej litery akapitu, należy zastosować selektor
a)
klasy p.first-letter
b)
dziecka p + first-letter
c)
atrybutu p[first-letter]
d)
pseudoelementu p::first-letter
17.
W języku CSS wartości: underline, overline, blink przyjmują atrybut
a)
text-style
b)
font-style
c)
font-weight
d)
text-decoration
18.
W przedstawionej definicji stylu CSS, powtarzanie dotyczy
body {
background-image: url("rysunek.gif");
background-repeat: repeat-y;
body {
background-image: url("rysunek.gif");
background-repeat: repeat-y;
a)
tła każdego ze znaczników akapitu.
b)
rysunku umieszczonego znacznikiem img.
c)
rysunku umieszczonego w tle strony w pionie.
d)
rysunku umieszczonego w tle strony w poziomie.
19.
W języku CSS zdefiniowano styl. Sformatowana stylem sekcja będzie zawierała obramowanie o szerokości
div { border: solid 2px blue;
margin: 20px;}
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.
20.
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%; }
Reset
