Test z kategorii: CSS | egzamin zawodowy technik informatyk

Trudność pytania: procent poprawnych odpowiedzi

1. Który zapis stylu CSS ustawi tło bloku na kolor niebieski?

div {border-color: blue;}

div {color: blue;}

div {background-color: blue;}

div {shadow: blue;}

Trudność pytania: procent poprawnych odpowiedzi

2. `tekst paragrafu`Jak nazywa się metoda dołączania arkusza stylów do dokumentu HTML użyta w przedstawionym kodzie?

Styl wpisany, lokalny.

Styl zewnętrzny.

Styl alternatywny, zewnętrzny.

Styl wewnętrzny.

Trudność pytania: procent poprawnych odpowiedzi

3. W języku CSS zdefiniowano formatowanie dla pola edycyjnego. Tak formatowane pole edycyjne będzie miało jasnozielone tło

jeśli jest to pierwsze wystąpienie tego znacznika w dokumencie.

po kliknięciu myszą w celu zapisania w nim tekstu.

w każdym przypadku.

gdy zostanie wskazane kursorem myszy bez kliknięcia.

Trudność pytania: procent poprawnych odpowiedzi

4. `border-radius: 20%;` Dla którego akapitu zastosowano przedstawioną właściwość stylu CSS? Akapit 1 Akapit 2 Akapit 3 Akapit 4

Akapit 3

Akapit 4

Akapit 1

Akapit 2

Trudność pytania: procent poprawnych odpowiedzi

5. 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

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

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

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

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

Trudność pytania: procent poprawnych odpowiedzi

6. Wskaż stwierdzenie, które jest prawdziwe dla następującej definicji stylu:

Odnośnik będzie pisany czcionką 14 punktów.

Jest to styl lokalny.

Zdefiniowano dwie klasy.

Akapit będzie transponowany na małe litery.

Trudność pytania: procent poprawnych odpowiedzi

7. 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?

A

B

D

C

Trudność pytania: procent poprawnych odpowiedzi

8. W podanej regule CSS h1 {color: blue} h1 oznacza

wartość.

klasę.

selektor.

deklarację.

Trudność pytania: procent poprawnych odpowiedzi

9. Przedstawione w języku CSS formatowanie czcionki będzie obowiązywać dla

znaczników z przypisaną klasą równą *.

całego kodu HTML, niezależnie od późniejszych ustawień CSS.

znaczników o id równym *.

całego kodu HTML, jako formatowanie domyślne dla wszystkich elementów strony.

Trudność pytania: procent poprawnych odpowiedzi

10. Na obrazie przedstawiono efekt formatowania stylami CSS oraz kod HTML generujący ten przykład. Zakładając, że marginesy wewnętrzne wynoszą 50 px, a zewnętrzne wynoszą 20 px, styl CSS dla obrazu ma postać

A

D

C

B

Trudność pytania: procent poprawnych odpowiedzi

11. Aby obraz umieszczony na stronie internetowej automatycznie skalował się do rozmiaru ekranu, na którym jest wyświetlana strona, należy

jego szerokość ustawić w wartościach procentowych.

nie modyfikować obu jego wymiarów stylami CSS.

oba jego wymiary ustawić w pikselach.

jeden z jego wymiarów ustawić w pikselach.

Trudność pytania: procent poprawnych odpowiedzi

12. W którym z przypadków walidacja fragmentu kodu CSS przebiegnie pomyślnie?

p { text-size:bold; }

p { font-weight:bold; }

Trudność pytania: procent poprawnych odpowiedzi

13. 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.

brązowym.

czerwonym.

Trudność pytania: procent poprawnych odpowiedzi

14. Które polecenie W CSS służy do załączenia zewnętrznego arkusza stylów?

open

import

include

require

Trudność pytania: procent poprawnych odpowiedzi

15. Zastosowanie definicji stylu CSS sprawi, że nagłówki drugiego stopnia będą zapisane

czcionką pochyloną, z linią nad tekstem, wysokość wiersza na 60 px

czcionką podstawową, z linią pod tekstem, odległość między znakami na 60 px

czcionką pochyloną, z linią pod tekstem, wysokość wiersza na 60 px

czcionką podstawową, z linią nad tekstem, wysokość wiersza na 60 px

Trudność pytania: procent poprawnych odpowiedzi

16. Na obrazie przedstawiono projekt układu bloków witryny internetowej. Zakładając, że bloki są realizowane za pomocą znaczników sekcji, ich formatowanie w CSS, oprócz ustawionych szerokości dla bloków: 1, 2, 3, 4 (blok 5 nie ma ustawionej szerokości), powinno zawierać właściwość

float: left dla wszystkich bloków.

clear: both dla bloku 5 oraz float: left jedynie dla 1 i 2 bloku.

clear: both dla bloku 5 oraz float: left dla pozostałych bloków.

clear: both dla wszystkich bloków.

Trudność pytania: procent poprawnych odpowiedzi

17. W języku CSS,aby zdefiniować niestandardowe odstępy między wyrazami, stosuje się właściwość

latter-space

white-space

word-spacing

line-spacing

Trudność pytania: procent poprawnych odpowiedzi

18. 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

B

D

A

Trudność pytania: procent poprawnych odpowiedzi

19. Co można powiedzieć o stylu hiperłącza na podstawie opisu CSS, zakładając, że żadne inne style nie zostały zdefiniowane?

Tekst odwiedzonego hiperłącza jest koloru czerwonego.

Hiperłącze jest zawsze podkreślone.

Gdy hiperłącze jest nieodwiedzone, jego tekst jest koloru niebieskiego z podkreśleniem.

Gdy kursor znajdzie się na obszarze hiperłącza, pojawia się podkreślenie i tekst przyjmuje kolor czerwony.

Trudność pytania: procent poprawnych odpowiedzi

20. p { font-family: serif; background-color: Teal; color: White; font-style: italic; } Wskaż paragraf sformatowany przedstawionym stylem CSS. Paragraf 1. Paragraf 2. Paragraf 3. Paragraf 4.

Paragraf 1.

Paragraf 4.

Paragraf 2.

Paragraf 3.

Trudność pytania: procent poprawnych odpowiedzi

21. Do ilu pól edycyjnych zostanie przypisane tło Teal dla przedstawionego fragmentu dokumentu HTML i stylu CSS?

Do żadnego.

Do dwóch.

Do wszystkich.

Do trzech.

Trudność pytania: procent poprawnych odpowiedzi

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

padding

outline

border

background

Trudność pytania: procent poprawnych odpowiedzi

23. W języku CSS wcięcie pierwszej linii akapitu na 30 pikseli uzyska się za pomocą zapisu

p {text-spacing: 30px; }

p {text-indent: 30px; }

p {line-indent: 30px; }

p {line-height: 30px; }

Trudność pytania: procent poprawnych odpowiedzi

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

list-style-type

position

text-transform

display

Trudność pytania: procent poprawnych odpowiedzi

25. Wskaż przycisk sformatowany przedstawionym stylem CSS.

Przycisk 4

Przycisk 3

Przycisk 2

Przycisk 1

Trudność pytania: procent poprawnych odpowiedzi

26. Aby za pomocą CSS zdefiniować przedstawione opływanie obrazu tekstem należy w stylu obrazu wprowadzić zapis

table: left;

float: left;

float: right;

clear: both;

Trudność pytania: procent poprawnych odpowiedzi

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

text-weight

text-size

font-size

font-weight

Trudność pytania: procent poprawnych odpowiedzi

28. 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.

D.

A.

B.

C.

Trudność pytania: procent poprawnych odpowiedzi

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

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

wszystkie paragrafy.

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

tylko znaczniki tekstowe typu , <h1>.

Trudność pytania: procent poprawnych odpowiedzi

30. W języku CSS zdefiniowano następujące formatowanie. Kolorem czerwonym zostanie zapisany

tylko tekst pochylony nagłówka pierwszego stopnia.

cały tekst nagłówka pierwszego stopnia oraz pochylony tekst akapitu.

cały tekst nagłówka pierwszego stopnia oraz cały tekst pochylony, niezależnie od tego w którym miejscu strony się znajduje.

tylko tekst pochylony we wszystkich poziomach nagłówków.

Trudność pytania: procent poprawnych odpowiedzi

31. W którym z przypadków walidacja fragmentu kodu CSS przebiegnie pomyślnie?

p { font-weight:bold; }

p { text-size:bold; }

Trudność pytania: procent poprawnych odpowiedzi

32. Które formatowanie obramowania odpowiada stylowi `border-style: dotted solid;?`

Formatowanie 3

Formatowanie 1

Formatowanie 2

Formatowanie 4

Trudność pytania: procent poprawnych odpowiedzi

33. Aby ustawić czcionkę Verdana w kodzie CSS, należy wykorzystać właściwość

font-weight: Verdana;

font-style: Verdana;

font-name: Verdana;

font-family: Verdana;

Trudność pytania: procent poprawnych odpowiedzi

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

width

hight

padding

margin

Trudność pytania: procent poprawnych odpowiedzi

35. 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

pierwszy paragraf na stronie będzie w całości miał powiększoną czcionkę.

pierwsza linia każdego paragrafu będzie miała większą czcionkę niż następne linie.

pierwsza linia każdego paragrafu będzie miała mniejszą czcionkę niż następne linie.

całość tekstu paragrafu będzie powiększona o 150%.

Trudność pytania: procent poprawnych odpowiedzi

36. 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?

{background-image: url("rys.png"); background-repeat: repeat-y;}

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

{background-image: url("rys.png"); background-repeat: repeat-x;}

{background-image: url("rys.png"); background-repeat: round;}

Trudność pytania: procent poprawnych odpowiedzi

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

lowercase

underline

capitalize

uppercase

Trudność pytania: procent poprawnych odpowiedzi

38. `{ text-align: right; }`Na potrzeby strony internetowej zdefiniowano styl. Styl będzie przypisany tylko do niektórych znaczników (np. niektórych nagłówków, kilku akapitów). W takim wypadku, aby przypisać styl do kilku konkretnych znaczników, najlepiej jest zastosować

identyfikator.

selektor akapitu.

klasę.

pseudoklasę.

Trudność pytania: procent poprawnych odpowiedzi

39. W której części dokumentu HTML należy umieścić wewnętrzny arkusz stylów?

W skrypcie dołączonym do strony.

W części nagłówkowej strony.

Wewnątrz znacznika, którego styl dotyczy.

W ciele strony.

Trudność pytania: procent poprawnych odpowiedzi

40. W języku CSS zapis`a[target="_blank"] {color: yellow;}`sprawi, że kolor żółty przyjmie czcionka

każdego odnośnika.

tekstu paragrafu.

odnośników, które otwierają się w osobnej karcie.

odnośników, które otwierają się w tej samej karcie.

Test z kategorii: CSS · egzamin zawodowy technik informatyk

Egzamin zawodowy technik informatyk · CSS · test

CSS

Test 40 Pytań

1. Który zapis stylu CSS ustawi tło bloku na kolor niebieski?

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

3. W języku CSS zdefiniowano formatowanie dla pola edycyjnego. Tak formatowane pole edycyjne będzie miało jasnozielone tło

4. border-radius: 20%; Dla którego akapitu zastosowano przedstawioną właściwość stylu CSS? Akapit 1 Akapit 2 Akapit 3 Akapit 4

5. 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

6. Wskaż stwierdzenie, które jest prawdziwe dla następującej definicji stylu:

7. 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?

8. W podanej regule CSS h1 {color: blue} h1 oznacza

9. Przedstawione w języku CSS formatowanie czcionki będzie obowiązywać dla

10. Na obrazie przedstawiono efekt formatowania stylami CSS oraz kod HTML generujący ten przykład. Zakładając, że marginesy wewnętrzne wynoszą 50 px, a zewnętrzne wynoszą 20 px, styl CSS dla obrazu ma postać

11. Aby obraz umieszczony na stronie internetowej automatycznie skalował się do rozmiaru ekranu, na którym jest wyświetlana strona, należy

12. W którym z przypadków walidacja fragmentu kodu CSS przebiegnie pomyślnie?

13. 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

14. Które polecenie W CSS służy do załączenia zewnętrznego arkusza stylów?

15. Zastosowanie definicji stylu CSS sprawi, że nagłówki drugiego stopnia będą zapisane

16. Na obrazie przedstawiono projekt układu bloków witryny internetowej. Zakładając, że bloki są realizowane za pomocą znaczników sekcji, ich formatowanie w CSS, oprócz ustawionych szerokości dla bloków: 1, 2, 3, 4 (blok 5 nie ma ustawionej szerokości), powinno zawierać właściwość

17. W języku CSS,aby zdefiniować niestandardowe odstępy między wyrazami, stosuje się właściwość

18. 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?

19. Co można powiedzieć o stylu hiperłącza na podstawie opisu CSS, zakładając, że żadne inne style nie zostały zdefiniowane?

20. p { font-family: serif; background-color: Teal; color: White; font-style: italic; } Wskaż paragraf sformatowany przedstawionym stylem CSS. Paragraf 1. Paragraf 2. Paragraf 3. Paragraf 4.

21. Do ilu pól edycyjnych zostanie przypisane tło Teal dla przedstawionego fragmentu dokumentu HTML i stylu CSS?

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

23. W języku CSS wcięcie pierwszej linii akapitu na 30 pikseli uzyska się za pomocą zapisu

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

25. Wskaż przycisk sformatowany przedstawionym stylem CSS.

26. Aby za pomocą CSS zdefiniować przedstawione opływanie obrazu tekstem należy w stylu obrazu wprowadzić zapis

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

28. 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.

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

30. W języku CSS zdefiniowano następujące formatowanie. Kolorem czerwonym zostanie zapisany

31. W którym z przypadków walidacja fragmentu kodu CSS przebiegnie pomyślnie?

32. Które formatowanie obramowania odpowiada stylowi border-style: dotted solid;?

33. Aby ustawić czcionkę Verdana w kodzie CSS, należy wykorzystać właściwość

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

35. W języku CSS zapisp::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

36. 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?

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

38. { text-align: right; }Na potrzeby strony internetowej zdefiniowano styl. Styl będzie przypisany tylko do niektórych znaczników (np. niektórych nagłówków, kilku akapitów). W takim wypadku, aby przypisać styl do kilku konkretnych znaczników, najlepiej jest zastosować

39. W której części dokumentu HTML należy umieścić wewnętrzny arkusz stylów?

40. W języku CSS zapisa[target="_blank"] {color: yellow;}sprawi, że kolor żółty przyjmie czcionka

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

4. `border-radius: 20%;` Dla którego akapitu zastosowano przedstawioną właściwość stylu CSS? Akapit 1 Akapit 2 Akapit 3 Akapit 4

32. Które formatowanie obramowania odpowiada stylowi `border-style: dotted solid;?`

35. 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

38. `{ text-align: right; }`Na potrzeby strony internetowej zdefiniowano styl. Styl będzie przypisany tylko do niektórych znaczników (np. niektórych nagłówków, kilku akapitów). W takim wypadku, aby przypisać styl do kilku konkretnych znaczników, najlepiej jest zastosować

40. W języku CSS zapis`a[target="_blank"] {color: yellow;}`sprawi, że kolor żółty przyjmie czcionka