Test z kategorii: CSS | egzamin zawodowy technik informatyk

Trudność pytania: procent poprawnych odpowiedzi

1. Wskaż sposób, w jaki należy odwołać się do pliku default.css, jeśli index.html znajduje się bezpośrednio w katalogu Strona?

Trudność pytania: procent poprawnych odpowiedzi

2. W języku CSS zdefiniowano styl. Sformatowana stylem sekcja będzie zawierała obramowanie o szerokości`div {border: solid 2px blue;margin: 20px;}`

20 px oraz marginesy na zewnątrz tego obramowania.

2 px oraz marginesy wewnątrz tego obramowania.

20 px oraz marginesy wewnątrz tego obramowania.

2 px oraz marginesy na zewnątrz tego obramowania.

Trudność pytania: procent poprawnych odpowiedzi

3. Kolor zapisany kodem heksadecymalnym: #1510FE w kodzie RGB będzie miał wartość

rgb(21, 16, 255)

rgb(15, 10, FE)

rgb(21, 16, 254)

rgb(21, 16, FE)

Trudność pytania: procent poprawnych odpowiedzi

4. a { color: Brown; } a:link { color: Green; } a:visited { color: Red; } a:hover { color: Yellow;} W arkuszu CSS zapisano przedstawione style. Jeżeli hiperłącze zostanie wybrane, to po powrocie na stronę to hiperłącze będzie w kolorze

żółtym.

zielonym.

czerwonym.

brązowym.

Trudność pytania: procent poprawnych odpowiedzi

5. W dokumencie HTML zdefiniowano listę oraz dodano do niej formatowanie CSS. Który z efektów odpowiada tej definicji?

Efekt 1.

Efekt 4.

Efekt 3.

Efekt 2.

Trudność pytania: procent poprawnych odpowiedzi

6. Gdybym miał jedenaście kapeluszy, pierwszy schowałbym w szafie, żeby się nie kurzył. Przedstawiono efekt formatowania CSS oraz kod HTML. Jak należy zdefiniować styl, aby osiągnąć takie formatowanie?

.first-letter { font-size: 400%; color: blue; }

p.first-letter { font-size: 400%; color: blue; }

p::first-letter { font-size: 400%; color: blue; }

#first-letter { font-size: 400%; color: blue; }

Trudność pytania: procent poprawnych odpowiedzi

7. Aby zweryfikować poprawność składni kodu CSS można użyć

optymalizatora.

walidatora.

konsolidatora.

debbugera.

Trudność pytania: procent poprawnych odpowiedzi

8. Kolor zapisany w notacji heksadecymalnej #0000FF to

czarny.

niebieski.

zielony.

czerwony

Trudność pytania: procent poprawnych odpowiedzi

9. Która z definicji CSS określa formatowanie nagłówka h1: tekst nadkreślony, z odstępami między wyrazami 10 px i czerwonym kolorem tekstu?

C

D

B

A

Trudność pytania: procent poprawnych odpowiedzi

10. Przedstawiona w języku CSS definicja stylu dotyczy odsyłacza, który

został wcześniej odwiedzony.

jeszcze nie został odwiedzony.

wskaźnik myszy ma ustawiony nad sobą.

ma błędny adres URL.

Trudność pytania: procent poprawnych odpowiedzi

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

hight

margin

padding

width

Trudność pytania: procent poprawnych odpowiedzi

12. Aby uzyskać efekt rozstrzelenia liter w selektorze CSS, należy użyć właściwości

letter-transform

letter-spacing

text-space

text-decoration

Trudność pytania: procent poprawnych odpowiedzi

13. Wskaż prawidłową kolejność stylów CSS mając na uwadze ich pierwszeństwo w formatowaniu elementów strony WWW.

Wewnętrzny, Zewnętrzny, Rozciąganie stylu.

Lokalny, Wewnętrzny, Zewnętrzny.

Zewnętrzny, Wydzielone bloki, Lokalny.

Rozciąganie stylu, Zewnętrzny, Lokalny.

Trudność pytania: procent poprawnych odpowiedzi

14. W zamieszczonym przykładzie pseudoklasa hover sprawi, że styl pogrubiony będzie przypisany

wszystkim odnośnikom odwiedzonym.

odnośnikowi, w momencie kiedy najechał na niego kursor myszy.

wszystkim odnośnikom nieodwiedzonym.

wszystkim odnosmkom nieodwiedzonym. każdemu odnośnikowi niezależnie od aktualnego stanu.

Trudność pytania: procent poprawnych odpowiedzi

15. 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ć

pseudoklasę :hover

nowy selektor klasy dla wiersza tabeli

pseudoklasę :visited

pseudoelement :first-line

Trudność pytania: procent poprawnych odpowiedzi

16. Wskaż poprawną definicję stylu CSS dla przycisku typu submit o właściwościach: czarny kolor tła, brak obramowania, marginesy wewnętrzne 5 px.

B

A

D

C

Trudność pytania: procent poprawnych odpowiedzi

17. Który z paragrafów został sformatowany przedstawionym stylem zakładając, że pozostałe własności paragrafu przyjmują wartości domyślne?

Efekt 1.

Efekt 4.

Efekt 3.

Efekt 2.

Trudność pytania: procent poprawnych odpowiedzi

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

class = "format1"

style = "format1"

div = "format1"

id = "format1"

Trudność pytania: procent poprawnych odpowiedzi

19. W kodzie CSS zdefiniowano cztery klasy formatowania, których następnie użyto do formatowania paragrafów. Efekt widoczny na rysunku powstał po zastosowaniu klasy o nazwie

format3

format4

format1

format2

Trudność pytania: procent poprawnych odpowiedzi

20. Jak zdefiniować w języku CSS formatowanie hiperłącza, żeby nieodwiedzony link był w kolorze żółtym,a odwiedzony w kolorze zielonym?

a:visited { color: yellow; } a:link { color: green; }

a:hover { color: green; } a.link { color: yellow; }

a:link { color: yellow; } a:visited { color: green; }

a:hover { color: yellow; } a:visited { color: green; }

Trudność pytania: procent poprawnych odpowiedzi

21. W języku CSS, aby sformatować tekst poprzez przekreślenie, podkreślenie dolne lub górne należy zastosować atrybut

text-transform

text-align

text-decoration

text-indent

Trudność pytania: procent poprawnych odpowiedzi

22. `body {background-image: url("rysunek.gif");background-repeat: repeat-y;`W przedstawionej definicji stylu CSS, powtarzanie dotyczy

rysunku umieszczonego znacznikiem img.

rysunku umieszczonego w tle strony w pionie.

tła każdego ze znaczników akapitu.

rysunku umieszczonego w tle strony w poziomie.

Trudność pytania: procent poprawnych odpowiedzi

23. Pogrubienie tekstu za pomocą znacznika można uzyskać także przy wykorzystaniu właściwości CSS

font-weight

text-size

text-weight

font-size

Trudność pytania: procent poprawnych odpowiedzi

24. Blok deklaracji postaci background-attachment: scroll powoduje, że

grafika tla będzie wyświetlona w prawym górnym rogu strony

grafika tła będzie powtarzana (kafelki)

tło strony będzie przewijane razem z tekstem

tło strony będzie stale, a tekst będzie się przewijał

Trudność pytania: procent poprawnych odpowiedzi

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

<meta>

<style>

<head>

<body>

Trudność pytania: procent poprawnych odpowiedzi

26. W celu określenia wysokości obrazka wyświetlonego na stronie WWW nalezy wykorzystac własciwosc CSS o nazwie

height

margin

width

padding

Trudność pytania: procent poprawnych odpowiedzi

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

wyrównania tekstu do lewej strony.

ustawienia bloku na lewo względem innych.

wyrównania elementów tabeli do lewej strony.

ustawienia bloków jeden pod drugim.

Trudność pytania: procent poprawnych odpowiedzi

28. Obraz przedstawia formatowanie CSS paragrafu. Aby otrzymać czerwony kolor poza obramowaniem, tak jak przedstawiono na obrazie, należy zdefiniować własność

background

border

outline

padding

Trudność pytania: procent poprawnych odpowiedzi

29. W języku CSS zapis selektora p > i { color: red;} oznacza, że kolorem czerwonym zostanie sformatowany

jedynie ten tekst znacznika , do którego jest przypisana klasa o nazwie i

jedynie ten tekst w znaczniku , który jest umieszczony bezpośrednio wewnątrz znacznika

każdy tekst w znaczniku lub każdy tekst w znaczniku

każdy tekst w znaczniku za wyjątkiem tych w znaczniku

Trudność pytania: procent poprawnych odpowiedzi

30. W języku CSS, W celu zdefiniowania wewnętrznego górnego marginesu, czyli odstępu między elementem, a otaczającym go obramowaniem, należy użyć polecenia

outline-top

local-top

border-top

padding-top

Trudność pytania: procent poprawnych odpowiedzi

31. Jak zdefiniować w języku CSS takie formatowanie tabeli, żeby wiersz, na którym aktualnie znajduje się kursor myszy, zmieniał kolor tła na szary?

tr:active { color: gray; }

tr:active { background-color: gray; }

tr:hover { background-color: gray; }

tr:hover { color: gray; }

Trudność pytania: procent poprawnych odpowiedzi

32. Która z komórek tabeli została sformatowana przedstawionym stylem CSS zakładając, że pozostałe własności przyjmują wartości domyślne?

Komórka 4.

Komórka 1.

Komórka 2.

Komórka 3.

Trudność pytania: procent poprawnych odpowiedzi

33. Kaskadowe arkusze stylów tworzy się w celu

uzupełnienia strony internetowej o treści tekstowe.

przyśpieszenia wyświetlania grafiki na stronie intemetowej.

ułatwienia użytkownikowi nawigacji.

definiowania sposobu formatowania elementów strony internetowej.

Trudność pytania: procent poprawnych odpowiedzi

34. Przedstawiono efekt formatowania CSS oraz kod HTML. Jak należy zdefiniować styl, aby osiągnąć takieformatowanie?

#first-line { font-size: 200%; color: brown; }

p::first-line { font-size: 200%; color: brown; }

p.first-line { font-size: 200%; color: brown; }

.first-line { font-size: 200%; color: brown; }

Trudność pytania: procent poprawnych odpowiedzi

35. p.uzytkownik { color: blue; } W stylu CSS przedstawionym w ramce zdefiniowano klasę uzytkownik. Czcionką koloru niebieskiego na stronie będą zapisane

wszystkie paragrafy.

tylko znaczniki tekstowe typu , <h1>.

dowolne znaczniki w sekcji <body> z przypisaną klasą uzytkownik.

paragrafy, do których została przypisana klasa uzytkownik.

Trudność pytania: procent poprawnych odpowiedzi

36. Projektując stronę internetową, umieszczono kod definiujący jej styl. Jaką szerokość pozostawiono na treść strony?

640 px

2 px

600 px

560 px

Trudność pytania: procent poprawnych odpowiedzi

37. Kolorem o barwie niebieskiej jest kolor

#0000EE

#00EE00

#EE0000

#EE00EE

Trudność pytania: procent poprawnych odpowiedzi

38. Transformację w stylach CSS, polegającą na zamianie tylko pierwszych liter wszystkich wyrazów na wielkie, otrzymamy stosując polecenie

lowercase

capitalize

underline

uppercase

Trudność pytania: procent poprawnych odpowiedzi

39. W stylu CSS aby zadeklarować krój czcionki, należy użyć właściwości

font-size

font-style

font-family

font-face

Trudność pytania: procent poprawnych odpowiedzi

40. W CSS symbolem jednostki miary, wyrażonej w punktach edytorskich, jest

em

in

px

pt

Test z kategorii: CSS · egzamin zawodowy technik informatyk

Egzamin z kategorii CSS · Technik Informatyk

Test 40 pytań

1. Wskaż sposób, w jaki należy odwołać się do pliku default.css, jeśli index.html znajduje się bezpośrednio w katalogu Strona?

2. W języku CSS zdefiniowano styl. Sformatowana stylem sekcja będzie zawierała obramowanie o szerokościdiv {border: solid 2px blue;margin: 20px;}

3. Kolor zapisany kodem heksadecymalnym: #1510FE w kodzie RGB będzie miał wartość

4. a { color: Brown; } a:link { color: Green; } a:visited { color: Red; } a:hover { color: Yellow;} W arkuszu CSS zapisano przedstawione style. Jeżeli hiperłącze zostanie wybrane, to po powrocie na stronę to hiperłącze będzie w kolorze

5. W dokumencie HTML zdefiniowano listę oraz dodano do niej formatowanie CSS. Który z efektów odpowiada tej definicji?

6. <p> Gdybym miał jedenaście kapeluszy,<br /> pierwszy schowałbym w szafie, żeby się nie kurzył. </p> Przedstawiono efekt formatowania CSS oraz kod HTML. Jak należy zdefiniować styl, aby osiągnąć takie formatowanie?

7. Aby zweryfikować poprawność składni kodu CSS można użyć

8. Kolor zapisany w notacji heksadecymalnej #0000FF to

9. Która z definicji CSS określa formatowanie nagłówka h1: tekst nadkreślony, z odstępami między wyrazami 10 px i czerwonym kolorem tekstu?

10. Przedstawiona w języku CSS definicja stylu dotyczy odsyłacza, który

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

12. Aby uzyskać efekt rozstrzelenia liter w selektorze CSS, należy użyć właściwości

13. Wskaż prawidłową kolejność stylów CSS mając na uwadze ich pierwszeństwo w formatowaniu elementów strony WWW.

14. W zamieszczonym przykładzie pseudoklasa hover sprawi, że styl pogrubiony będzie przypisany

15. 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ć

16. Wskaż poprawną definicję stylu CSS dla przycisku typu submit o właściwościach: czarny kolor tła, brak obramowania, marginesy wewnętrzne 5 px.

17. Który z paragrafów został sformatowany przedstawionym stylem zakładając, że pozostałe własności paragrafu przyjmują wartości domyślne?

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

19. W kodzie CSS zdefiniowano cztery klasy formatowania, których następnie użyto do formatowania paragrafów. Efekt widoczny na rysunku powstał po zastosowaniu klasy o nazwie

20. Jak zdefiniować w języku CSS formatowanie hiperłącza, żeby nieodwiedzony link był w kolorze żółtym,a odwiedzony w kolorze zielonym?

21. W języku CSS, aby sformatować tekst poprzez przekreślenie, podkreślenie dolne lub górne należy zastosować atrybut

22. body {background-image: url("rysunek.gif");background-repeat: repeat-y;W przedstawionej definicji stylu CSS, powtarzanie dotyczy

23. Pogrubienie tekstu za pomocą znacznika <b> można uzyskać także przy wykorzystaniu właściwości CSS

24. Blok deklaracji postaci background-attachment: scroll powoduje, że

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

26. W celu określenia wysokości obrazka wyświetlonego na stronie WWW nalezy wykorzystac własciwosc CSS o nazwie

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

28. Obraz przedstawia formatowanie CSS paragrafu. Aby otrzymać czerwony kolor poza obramowaniem, tak jak przedstawiono na obrazie, należy zdefiniować własność

29. W języku CSS zapis selektora p > i { color: red;} oznacza, że kolorem czerwonym zostanie sformatowany

30. W języku CSS, W celu zdefiniowania wewnętrznego górnego marginesu, czyli odstępu między elementem, a otaczającym go obramowaniem, należy użyć polecenia

31. Jak zdefiniować w języku CSS takie formatowanie tabeli, żeby wiersz, na którym aktualnie znajduje się kursor myszy, zmieniał kolor tła na szary?

32. Która z komórek tabeli została sformatowana przedstawionym stylem CSS zakładając, że pozostałe własności przyjmują wartości domyślne?

33. Kaskadowe arkusze stylów tworzy się w celu

34. Przedstawiono efekt formatowania CSS oraz kod HTML. Jak należy zdefiniować styl, aby osiągnąć takieformatowanie?

35. p.uzytkownik { color: blue; } W stylu CSS przedstawionym w ramce zdefiniowano klasę uzytkownik. Czcionką koloru niebieskiego na stronie będą zapisane

36. Projektując stronę internetową, umieszczono kod definiujący jej styl. Jaką szerokość pozostawiono na treść strony?

37. Kolorem o barwie niebieskiej jest kolor

38. Transformację w stylach CSS, polegającą na zamianie tylko pierwszych liter wszystkich wyrazów na wielkie, otrzymamy stosując polecenie

39. W stylu CSS aby zadeklarować krój czcionki, należy użyć właściwości

40. W CSS symbolem jednostki miary, wyrażonej w punktach edytorskich, jest

2. W języku CSS zdefiniowano styl. Sformatowana stylem sekcja będzie zawierała obramowanie o szerokości`div {border: solid 2px blue;margin: 20px;}`

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

22. `body {background-image: url("rysunek.gif");background-repeat: repeat-y;`W przedstawionej definicji stylu CSS, powtarzanie dotyczy