wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS - wstęp

Total questions: 15

Worksheet time: 15mins

Name
Class
Date
1.
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.
2.
W języku CSS zdefiniowano formatowanie
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.
3.
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.
4.
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
5.
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.
6.

W jaki sposób zaimplementować wewnętrzny arkusz stylów?

a)

<style type="text/css">...</style>

b)

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

c)

<p style="color:green">..</p>

7.

Kaskadowe arkusze stylów tworzy się w celu

a)

ułatwienia użytkownikowi nawigacji

b)

definiowania sposobu formatowania elementów strony

c)

uzupełnienia strony internetowej o treści tekstowe

d)

przyspieszenia wyświetlania grafiki na stronie internetowej

8.

Kod języka CSS można umieścić wewnątrz kodu HTML, posługując się znacznikiem

a)

<head>

b)

<div>

c)

<style>

d)

<p>

9.

Składnia CSS

a)

selektor {właściwość;wartość;}

b)

selektor {właściwość:wartość,}

c)

{selektor;właściwość;wartość;}

d)

selektor {właściwość,wartość,}

10.

Jaki znacznik służy do grupowania kilku elementów strony w celu nadania im określonego stylu (rozciąganie stylu)?

4 lines
11.

Napisz, który z wymienionych na obrazku stylów ma najwyższy priorytet a który ma priorytet najniższy?

4 lines
12.

Jaki operator w CSS przypisany jest w użyciu jako selektor uniwersalny (ogólny)?

a)

>

b)

?

c)

*

d)

#

e)

.

13.

#blok {font-size:12pt;}

W przykładzie użyto selektora:

a)

klasy

b)

identyfikatora

c)

pseudoklasy

14.

Odsyłacz odwiedzony w CSS obsługuje pseudoklasa:

a)

:link

b)

:visited

c)

:active

d)

:hover

15.

Wybierz prawidłowe formy podawania wartości kolorów w CSS:

a)

hsla(120,65%,75%,0.3)

b)

##ff00dd

c)

#f0c

d)

rgb(890,0,0)

e)

rgb(255,190,189)