Test z kategorii: CSS | egzamin zawodowy technik informatyk

Trudność pytania: procent poprawnych odpowiedzi

1. Jaką szerokość strony pozostawiono na jej treść, na podstawie przedstawionej definicji CSS?

560 px

640 px

2 px

600 px

Trudność pytania: procent poprawnych odpowiedzi

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

Zdefiniowano dwie klasy.

Akapit będzie transponowany na małe litery.

Jest to styl lokalny.

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

Trudność pytania: procent poprawnych odpowiedzi

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

font-style

font-face

font-size

font-family

Trudność pytania: procent poprawnych odpowiedzi

4. `input[type=number] { background-color: Brown; }` Zapis selektora oznacza, że tło będzie brązowe dla

wszystkich pól edycyjnych.

wszystkich tekstów na stronie.

pól edycyjnych, które są typu numerycznego.

pól edycyjnych, gdy użytkownik wpisze do nich dowolną cyfrę.

Trudność pytania: procent poprawnych odpowiedzi

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

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

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

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

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

Trudność pytania: procent poprawnych odpowiedzi

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

C

A

D

B

Trudność pytania: procent poprawnych odpowiedzi

7. Tekst paragrafu, wyśrodkowany w pionie, opisuje w CSS reguła

vertical-align: center

vertical-align: middle

text-align: center

align: middle

Trudność pytania: procent poprawnych odpowiedzi

8. Wskaż kod CSS odpowiadający układowi bloków 2 - 5, zakładając, że są one zbudowane w oparciu o przedstawiony kod HTML.

Kod 4.

Kod 3.

Kod 2.

Kod 1.

Trudność pytania: procent poprawnych odpowiedzi

9. Które pole edycyjne zostało sformatowane przedstawionym stylem zakładając, że pozostałe własności pola przyjmują wartości domyślne, a użytkownik wpisał imię Krzysztof w przeglądarce?

Pole 2

Pole 4

Pole 1

Pole 3

Trudność pytania: procent poprawnych odpowiedzi

10. `img { padding: 5px; border: 1px solid grey; border-radius: 10px;}` Który z obrazów został sformatowany za pomocą przedstawionego stylu CSS?

B

D

A

C

Trudność pytania: procent poprawnych odpowiedzi

11. `h1 { text-align: center; text-transform: uppercase; letter-spacing: 10px;}`Podana definicja stylu CSS sprawi, że nagłówki pierwszego stopnia będą

wyjustowane, pisane wielkimi literami, a odstępy między liniami będą ustawione na 10 px

wyjustowane, pisane małymi literami, a odstępy między literami będą ustawione na 10 px

wyśrodkowane, pisane małymi literami, a odstępy między liniami będą ustawione na 10 px

wyśrodkowane, pisane wielkimi literami, a odstępy między literami będą ustawione na 10 px

Trudność pytania: procent poprawnych odpowiedzi

12. W języku CSS zapis w postaci: p {background-image:url("rysunek.png");} sprawi,że rysunek.png będzie

tłem każdego paragrafu

wyświetlony obok każdego paragrafu.

tłem całej strony

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

Trudność pytania: procent poprawnych odpowiedzi

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

C

D

B

Trudność pytania: procent poprawnych odpowiedzi

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

zielonym.

czerwonym.

żółtym.

brązowym.

Trudność pytania: procent poprawnych odpowiedzi

15. Aby w języku CSS ustawić czerwony kolor dla tekstu można użyć stylu

text-color: rgb(#FF0000);

text-color: rgb(255,0,0);

color: rgb(255,0,0);

color: rgb(#FF0000);

Trudność pytania: procent poprawnych odpowiedzi

16. W języku CSS zdefiniowano formatowanie paragrafu, które przypisze mu następujące cechy:

tło czerwone, kolor tekstu niebieski, marginesy zewnętrzne ustawione na wartość 40 px

tło niebieskie, kolor tekstu czerwony, marginesy zewnętrzne ustawione na wartość 40 px

tło czerwone, kolor tekstu niebieski, marginesy wewnętrzne ustawione na wartość 40 px

tło niebieskie, kolor tekstu czerwony, marginesy wewnętrzne ustawione na wartość 40 px

Trudność pytania: procent poprawnych odpowiedzi

17. W języku CSS właściwość font-size przyjmuje, wedlug słów kluczowych wartosci

jedynie small, smaller, large, larger

ze zbioru xx-small, x-small, small, medium, large, x-large, xx-large

tylko big i small

wyłącznie small, medium, large

Trudność pytania: procent poprawnych odpowiedzi

18. W języku CSS wartości: underline, overline, line-through oraz blink dotyczą właściwości

text-align

text-decoration

font-style

font-decoration

Trudność pytania: procent poprawnych odpowiedzi

19. W języku CSS zapis postaci h1::first-letter{color: red} sprawi, że kolor czerwonego będzie

Pierwsza linia paragrafu.

pierwsza litera nagłówka drugiego stopnia.

tekst nagłówka pierwszego stopnia

pierwsza litera nagłówka pierwszego stopnia.

Trudność pytania: procent poprawnych odpowiedzi

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

oba jego wymiary ustawić w pikselach.

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

nie modyfikować obu jego wymiarów stylami CSS.

jeden z jego wymiarów ustawić w pikselach.

Trudność pytania: procent poprawnych odpowiedzi

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

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

2 px oraz marginesy wewnątrz tego obramowania.

20 px oraz marginesy na zewną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

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

Rozciąganie stylu, Zewnętrzny, Lokalny.

Lokalny, Wewnętrzny, Zewnętrzny.

Zewnętrzny, Wydzielone bloki, Lokalny.

Trudność pytania: procent poprawnych odpowiedzi

24. W języku CSS zdefiniowano formatowanie p > i {color:blue} Oznacza to,że kolorem niebieskim zostanie zapisany

cały tekst paragrafu niezależnie od jego formatowania

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

pogrubiony tekst paragrafu.

pochylony tekst paragrafu.

Trudność pytania: procent poprawnych odpowiedzi

25. 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 1.

Komórka 2.

Komórka 4.

Komórka 3.

Trudność pytania: procent poprawnych odpowiedzi

26. `.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

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

font-style

font-size

font-family

font-face

Trudność pytania: procent poprawnych odpowiedzi

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

underline

uppercase

lowercase

capitalize

Trudność pytania: procent poprawnych odpowiedzi

29. W języku CSS zapis`h2 {background-color: green;}`sprawi, że koloru zielonego będzie

tło tekstu nagłówka drugiego stopnia.

tło całej strony.

czcionka nagłówka drugiego stopnia.

czcionka każdego nagłówka na stronie.

Trudność pytania: procent poprawnych odpowiedzi

30. Kolor zapisany w notacji heksadecymalnej #0000FF to

czerwony

czarny.

zielony.

niebieski.

Trudność pytania: procent poprawnych odpowiedzi

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

p.img

p # img

p img

p + img

Trudność pytania: procent poprawnych odpowiedzi

32. 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ę

:hover

:visited

:active

:coursor

Trudność pytania: procent poprawnych odpowiedzi

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

text-size

font-size

text-weight

font-weight

Trudność pytania: procent poprawnych odpowiedzi

34. W załączonym fragmencie kodu CSS kolor jest zapisany w postaci

HSL

szesnastkowej.

dziesiętnej.

CMYK

Trudność pytania: procent poprawnych odpowiedzi

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

clear: both dla wszystkich bloków.

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

float: left dla wszystkich bloków.

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

Trudność pytania: procent poprawnych odpowiedzi

36. Wskaż zapis stylu CSS formatujący punktor list numerowanych na wielkie cyfry rzymskie, a list punktowanych na kwadraty.

ol { list-style-type: upper-alpha; } ul { list-style-type: disc; }

ol { list-style-type: upper-roman; } ul { list-style-type: square; }

ol { list-style-type: square; } ul { list-style-type: upper-roman; }

ol { list-style-type: disc; } ul { list-style-type: upper-alpha; }

Trudność pytania: procent poprawnych odpowiedzi

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

p {text-spacing: 30px; }

p {line-height: 30px; }

p {text-indent: 30px; }

p {line-indent: 30px; }

Trudność pytania: procent poprawnych odpowiedzi

38. `#stopka { … }`W języku CSS zdefiniowano formatowanie dla stopki. Aby użyć tego formatowania dla bloku opisanegoznacznikiem div, należy zapisać

<div title = "stopka"> …

<div id = "stopka"> …

<div "stopka"> …

<div class = "stopka"> …

Trudność pytania: procent poprawnych odpowiedzi

39. W której technologii <b><u>nie jest możliwe</u></b> przetwarzanie danych użytkownika wprowadzanych na stronach WWW?

AJAX

CSS

PHP

JavaScript

Trudność pytania: procent poprawnych odpowiedzi

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

selektor.

klasę.

wartość.

deklarację.

Test z kategorii: CSS · egzamin zawodowy technik informatyk

Egzamin zawodowy technik informatyk · CSS · test

CSS

Test 40 Pytań

1. Jaką szerokość strony pozostawiono na jej treść, na podstawie przedstawionej definicji CSS?

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

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

4. input[type=number] { background-color: Brown; } Zapis selektora oznacza, że tło będzie brązowe dla

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

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

7. Tekst paragrafu, wyśrodkowany w pionie, opisuje w CSS reguła

8. Wskaż kod CSS odpowiadający układowi bloków 2 - 5, zakładając, że są one zbudowane w oparciu o przedstawiony kod HTML.

9. Które pole edycyjne zostało sformatowane przedstawionym stylem zakładając, że pozostałe własności pola przyjmują wartości domyślne, a użytkownik wpisał imię Krzysztof w przeglądarce?

10. img { padding: 5px; border: 1px solid grey; border-radius: 10px;} Który z obrazów został sformatowany za pomocą przedstawionego stylu CSS?

11. h1 { text-align: center; text-transform: uppercase; letter-spacing: 10px;}Podana definicja stylu CSS sprawi, że nagłówki pierwszego stopnia będą

12. W języku CSS zapis w postaci: p {background-image:url("rysunek.png");} sprawi,że rysunek.png będzie

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

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

15. Aby w języku CSS ustawić czerwony kolor dla tekstu można użyć stylu

16. W języku CSS zdefiniowano formatowanie paragrafu, które przypisze mu następujące cechy:

17. W języku CSS właściwość font-size przyjmuje, wedlug słów kluczowych wartosci

18. W języku CSS wartości: underline, overline, line-through oraz blink dotyczą właściwości

19. W języku CSS zapis postaci h1::first-letter{color: red} sprawi, że kolor czerwonego będzie

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

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

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

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

24. W języku CSS zdefiniowano formatowanie p > i {color:blue} Oznacza to,że kolorem niebieskim zostanie zapisany

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

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

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

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

29. W języku CSS zapish2 {background-color: green;}sprawi, że koloru zielonego będzie

30. Kolor zapisany w notacji heksadecymalnej #0000FF to

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

32. 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ę

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

34. W załączonym fragmencie kodu CSS kolor jest zapisany w postaci

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

36. Wskaż zapis stylu CSS formatujący punktor list numerowanych na wielkie cyfry rzymskie, a list punktowanych na kwadraty.

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

38. #stopka { … }W języku CSS zdefiniowano formatowanie dla stopki. Aby użyć tego formatowania dla bloku opisanegoznacznikiem div, należy zapisać

39. W której technologii <b><u>nie jest możliwe</u></b> przetwarzanie danych użytkownika wprowadzanych na stronach WWW?

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

4. `input[type=number] { background-color: Brown; }` Zapis selektora oznacza, że tło będzie brązowe dla

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

10. `img { padding: 5px; border: 1px solid grey; border-radius: 10px;}` Który z obrazów został sformatowany za pomocą przedstawionego stylu CSS?

11. `h1 { text-align: center; text-transform: uppercase; letter-spacing: 10px;}`Podana definicja stylu CSS sprawi, że nagłówki pierwszego stopnia będą

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

26. `.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

29. W języku CSS zapis`h2 {background-color: green;}`sprawi, że koloru zielonego będzie

38. `#stopka { … }`W języku CSS zdefiniowano formatowanie dla stopki. Aby użyć tego formatowania dla bloku opisanegoznacznikiem div, należy zapisać