Test z kategorii: CSS | egzamin zawodowy technik informatyk

Trudność pytania: procent poprawnych odpowiedzi

1. W języku CSS aby zdefiniować odmienne formatowanie dla pierwszej litery akapitu, należy zastosować selektor

atrybutu p[first-letter]

klasy p.first-letter

pseudoelementu p::first-letter

dziecka p + first-letter

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

C.

A.

D.

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

pierwsza litera nagłówka pierwszego stopnia.

tekst nagłówka pierwszego stopnia

pierwsza litera nagłówka drugiego stopnia.

Pierwsza linia paragrafu.

Trudność pytania: procent poprawnych odpowiedzi

4. `h1{ font-style: oblique;font-variant: small-caps;text-align: right; }`W języku CSS określono formatowanie znacznika h1 według wzoru. Zakładając, że żadne inne formatowanie nie jest dodane do znacznika h1, wskaż sposób formatowania tego znacznika

D

B

A

C

Trudność pytania: procent poprawnych odpowiedzi

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

Do trzech.

Do wszystkich.

Do żadnego.

Do dwóch.

Trudność pytania: procent poprawnych odpowiedzi

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

Efekt 4.

Efekt 3.

Efekt 1.

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

clear: both;

table: left;

float: right;

float: left;

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

format2

format1

format3

format4

Trudność pytania: procent poprawnych odpowiedzi

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

Zdefiniowano dwie klasy.

Jest to styl lokalny.

Akapit będzie transponowany na małe litery.

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

Trudność pytania: procent poprawnych odpowiedzi

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

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

Efekt 1.

Efekt 3.

Efekt 2.

Efekt 4.

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

C

B

D

A

Trudność pytania: procent poprawnych odpowiedzi

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

Komórka 3.

Komórka 1.

Komórka 4.

Trudność pytania: procent poprawnych odpowiedzi

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

2 px

600 px

640 px

560 px

Trudność pytania: procent poprawnych odpowiedzi

15. `border: solid 1px;border-color: red blue green yellow;`Podany styl tworzy obramowanie pojedyncze, o następujących cechach:

krawędź górna jest koloru czerwonego, krawędź lewa koloru niebieskiego, krawędź dolna koloru zielonego, krawędź prawa koloru żółtego.

krawędź prawa jest koloru czerwonego, krawędź dolna koloru niebieskiego, krawędź lewa koloru zielonego, krawędź górna koloru żółtego.

krawędź lewa jest koloru czerwonego, krawędź dolna koloru niebieskiego, krawędź prawa koloru zielonego, krawędź górna koloru żółtego.

krawędź górna jest koloru czerwonego, krawędź prawa koloru niebieskiego, krawędź dolna koloru zielonego, krawędź lewa koloru żółtego.

Trudność pytania: procent poprawnych odpowiedzi

16. 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:hover { background-color: gray; }

tr:active { color: gray; }

tr:active { background-color: gray; }

tr:hover { color: gray; }

17. W której technologii nie jest możliwe przetwarzanie danych użytkownika wprowadzanych na stronach WWW?

CSS

PHP

AJAX

JavaScript

Trudność pytania: procent poprawnych odpowiedzi

18. Przedstawione formatowanie CSS, przy założeniu, że żadne inne formatowanie nie jest zdefiniowane, sprawi, że

margines wewnętrzny komórki z napisem Anna będzie miał 30 px, a z napisem Ewa – 10 px

margines wewnętrzny komórki z napisem Anna będzie miał 10 px, a z napisem Ewa – 30 px

marginesy wewnętrzne wszystkich komórek będą wynosiły 10 px

marginesy wewnętrzne wszystkich komórek będą wynosiły 30 px

Trudność pytania: procent poprawnych odpowiedzi

19. Aby zdefiniować krój czcionki w stylu CSS, należy użyć właściwości

text-style

font-family

font-style

text-family

20. Witryna internetowa ma mieć przedstawioną strukturę bloków. Aby uzyskać ten układ, należy znacznikom sekcji przypisać właściwości w następujący sposób:

float tylko dla bloków: 2, 3, 4; clear dla bloku 5

float tylko dla bloków: 3, 4; clear dla bloku 5

float tylko dla bloku 2; clear dla bloków: 3, 4

float tylko dla bloku 5; clear dla bloku 2

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

Akapit 2

Akapit 4

Akapit 3

Akapit 1

Trudność pytania: procent poprawnych odpowiedzi

22. Strona HTML definiuje akapit oraz rysunek. Aby rysunek został umieszczony przez przeglądarkę w tej samej linii co akapit po jego lewej stronie, należy w stylu CSS rysunku zawrzeć własność

style: left;

align: left;

float: left;

alt: left;

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

p + img

p img

p.img

p # img

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

A.

D.

B.

Trudność pytania: procent poprawnych odpowiedzi

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

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

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

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

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

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

wyśrodkowane, pisane wielkimi literami, a odstępy między literami 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

Trudność pytania: procent poprawnych odpowiedzi

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

deklarację.

wartość.

selektor.

klasę.

Trudność pytania: procent poprawnych odpowiedzi

28. Na obrazie przedstawiono projekt układu bloków witryny internetowej. Zakładając, że bloki są realizowane za pomocą znaczników sekcji, a szerokość została zdefiniowana jedynie dla bloków 2, 3 i 4, ich formatowanie, powinno zawierać właściwość

clear: both dla wszystkich bloków.

float: left jedynie dla bloków 3 i 4 i clear: both dla bloku 2.

clear: both dla bloku 5 i float: left jedynie dla bloków 2, 3 i 4.

float: left dla wszystkich bloków.

Trudność pytania: procent poprawnych odpowiedzi

29. Który selektor formatuje akapity tekstu o klasie tekst oraz element blokowy o ID obrazki?

p#tekst, div.obrazki

p.tekst, div#obrazki

p#tekst + div.obrazki

p.tekst + div#obrazki

Trudność pytania: procent poprawnych odpowiedzi

30. Zapis CSS w poniższej postaci sprawi, że na stronie internetowej

wyświetli się rysunek rys.gif jako tło listy numerowanej.

punktorem listy numerowanej będzie rys.gif

każdy z punktów listy będzie miał osobne tło pobrane z grafiki rys.gif

rys.gif będzie stanowił ramkę dla listy numerowanej.

Trudność pytania: procent poprawnych odpowiedzi

31. W folderze www znajdują się podfoldery html i style, w których zapisane są odpowiednio pliki z rozszerzeniem html i pliki z rozszerzeniem css. Chcąc dołączyć styl.css do pliku HTML należy użyć

Trudność pytania: procent poprawnych odpowiedzi

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

2 px

600 px

640 px

560 px

Trudność pytania: procent poprawnych odpowiedzi

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

wyrównania tekstu do lewej strony.

ustawienia bloków jeden pod drugim.

wyrównania elementów tabeli do lewej strony.

ustawienia bloku na lewo względem innych.

Trudność pytania: procent poprawnych odpowiedzi

34. 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ę :visited

nowy selektor klasy dla wiersza tabeli

pseudoelement :first-line

pseudoklasę :hover

Trudność pytania: procent poprawnych odpowiedzi

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

Styl zewnętrzny.

Styl wewnętrzny.

Styl wpisany, lokalny.

Styl alternatywny, zewnętrzny.

Trudność pytania: procent poprawnych odpowiedzi

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

font-style

text-align

text-decoration

font-decoration

Trudność pytania: procent poprawnych odpowiedzi

37. `.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"

id = "format1"

style = "format1"

div = "format1"

Trudność pytania: procent poprawnych odpowiedzi

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

padding

width

margin

height

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

font-face

font-size

font-style

font-family

Trudność pytania: procent poprawnych odpowiedzi

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

C

A

B

Test z kategorii: CSS · egzamin zawodowy technik informatyk

Egzamin zawodowy technik informatyk · CSS · test

CSS

Test 40 Pytań

1. W języku CSS aby zdefiniować odmienne formatowanie dla pierwszej litery akapitu, należy zastosować selektor

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

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

4. h1{ font-style: oblique;font-variant: small-caps;text-align: right; }W języku CSS określono formatowanie znacznika h1 według wzoru. Zakładając, że żadne inne formatowanie nie jest dodane do znacznika h1, wskaż sposób formatowania tego znacznika

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

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

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

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

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

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

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

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

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

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

15. border: solid 1px;border-color: red blue green yellow;Podany styl tworzy obramowanie pojedyncze, o następujących cechach:

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

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

18. Przedstawione formatowanie CSS, przy założeniu, że żadne inne formatowanie nie jest zdefiniowane, sprawi, że

19. Aby zdefiniować krój czcionki w stylu CSS, należy użyć właściwości

20. Witryna internetowa ma mieć przedstawioną strukturę bloków. Aby uzyskać ten układ, należy znacznikom sekcji przypisać właściwości w następujący sposób:

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

22. Strona HTML definiuje akapit oraz rysunek. Aby rysunek został umieszczony przez przeglądarkę w tej samej linii co akapit po jego lewej stronie, należy w stylu CSS rysunku zawrzeć własność

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

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

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

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

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

28. Na obrazie przedstawiono projekt układu bloków witryny internetowej. Zakładając, że bloki są realizowane za pomocą znaczników sekcji, a szerokość została zdefiniowana jedynie dla bloków 2, 3 i 4, ich formatowanie, powinno zawierać właściwość

29. Który selektor formatuje akapity tekstu o klasie tekst oraz element blokowy o ID obrazki?

30. Zapis CSS w poniższej postaci sprawi, że na stronie internetowej

31. W folderze <i>www</i> znajdują się podfoldery <i>html</i> i <i>style</i>, w których zapisane są odpowiednio pliki z rozszerzeniem html i pliki z rozszerzeniem css. Chcąc dołączyć <i>styl.css</i> do pliku HTML należy użyć

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

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

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

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

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

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

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

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

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

4. `h1{ font-style: oblique;font-variant: small-caps;text-align: right; }`W języku CSS określono formatowanie znacznika h1 według wzoru. Zakładając, że żadne inne formatowanie nie jest dodane do znacznika h1, wskaż sposób formatowania tego znacznika

15. `border: solid 1px;border-color: red blue green yellow;`Podany styl tworzy obramowanie pojedyncze, o następujących cechach:

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

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

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

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