Test z kategorii: CSS | egzamin zawodowy technik informatyk

Trudność pytania: procent poprawnych odpowiedzi

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

pochylony tekst paragrafu.

cały tekst paragrafu niezależnie od jego formatowania

pogrubiony tekst paragrafu.

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

Trudność pytania: procent poprawnych odpowiedzi

2. Formatowanie CSS akapitu określa styl szarej ramki o cechach:

linia kropkowa; grubość 2 px; marginesy pomiędzy tekstem a ramką 15 px.

linia kreskowa; grubość 2 px; marginesy poza ramką 15 px.

linia ciągła; grubość 2 px; marginesy poza ramką 15 px.

linia ciągła; grubość 2 px; marginesy pomiędzy tekstem a ramką 15 px.

Trudność pytania: procent poprawnych odpowiedzi

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

underline

lowercase

capitalize

uppercase

Trudność pytania: procent poprawnych odpowiedzi

4. `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ź prawa koloru niebieskiego, krawędź dolna koloru zielonego, krawędź lewa 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ź 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.

Trudność pytania: procent poprawnych odpowiedzi

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

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

.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

6. 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: round;}

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

Trudność pytania: procent poprawnych odpowiedzi

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

CMYK

szesnastkowej.

HSL

dziesiętnej.

Trudność pytania: procent poprawnych odpowiedzi

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

wskaźnik myszy ma ustawiony nad sobą.

ma błędny adres URL.

został wcześniej odwiedzony.

jeszcze nie został odwiedzony.

Trudność pytania: procent poprawnych odpowiedzi

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

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

tylko znaczniki tekstowe typu <p>, <h1>.

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

wszystkie paragrafy.

Trudność pytania: procent poprawnych odpowiedzi

10. Który z atrybutów <i>background-attachment</i> w języku CSS należy wybrać, aby tło strony było nieruchome względem okna przeglądarki?

Scroll

Local

Inherit

Fixed

Trudność pytania: procent poprawnych odpowiedzi

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

text-family

font-family

text-style

font-style

Trudność pytania: procent poprawnych odpowiedzi

12. `<div class= "menu"> </div>`Dla przedstawionego fragmentu dokumentu HTML zdefiniowano formatowanie CSS selektora klasy „menu” tak, aby kolor tła bloku był zielony. Która definicja stylu CSS odpowiada temu formatowaniu?

menu { background-color: rgb(0,255,0); }

div:menu { color: green; }

div.menu { background-color: green; }

#menu { background-color: rgb(0,255,0); }

Trudność pytania: procent poprawnych odpowiedzi

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

text-transform

display

position

list-style-type

Trudność pytania: procent poprawnych odpowiedzi

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

border

background

padding

outline

Trudność pytania: procent poprawnych odpowiedzi

15. Aby dołączyć kaskadowy arkusz stylów zapisany w zewnętrznym pliku, należy użyć następującego fragmentu kodu HTML

<optionvalue="styl.css" type="text/css" />

Trudność pytania: procent poprawnych odpowiedzi

16. 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ą podstawową, z linią nad tekstem, wysokość wiersza na 60 px

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

Trudność pytania: procent poprawnych odpowiedzi

17. Selektor CSS a:link {color:red} zawarty w kaskadowych arkuszach stylów definiuje

pseudoklasę.

pseudoelement.

identyfikator.

klasę.

Trudność pytania: procent poprawnych odpowiedzi

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

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

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

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

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

Trudność pytania: procent poprawnych odpowiedzi

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

Styl wewnętrzny.

Styl zewnętrzny.

Styl wpisany, lokalny.

Styl alternatywny, zewnętrzny.

Trudność pytania: procent poprawnych odpowiedzi

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 bloku 5; clear dla bloku 2

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

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

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

Trudność pytania: procent poprawnych odpowiedzi

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

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

Efekt 2.

Efekt 4.

Efekt 3.

Efekt 1.

Trudność pytania: procent poprawnych odpowiedzi

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

B

C

A

D

Trudność pytania: procent poprawnych odpowiedzi

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

font-style

font-size

font-face

font-family

Trudność pytania: procent poprawnych odpowiedzi

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

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

Pole 2

Pole 1

Pole 3

Trudność pytania: procent poprawnych odpowiedzi

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

tło całej strony.

czcionka każdego nagłówka na stronie.

tło tekstu nagłówka drugiego stopnia.

czcionka nagłówka drugiego stopnia.

Trudność pytania: procent poprawnych odpowiedzi

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

float: left;

style: left;

alt: left;

align: left;

Trudność pytania: procent poprawnych odpowiedzi

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

format1

format2

format3

format4

Trudność pytania: procent poprawnych odpowiedzi

30. W języku CSS, aby uzyskać efekt pochylenia tekstu, należy użyć właściwości

font-family

font-variant

font-style

font-size

Trudność pytania: procent poprawnych odpowiedzi

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

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

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

Trudność pytania: procent poprawnych odpowiedzi

32. Kolorem o barwie niebieskiej jest kolor

#00EE00

#EE00EE

#0000EE

#EE0000

Trudność pytania: procent poprawnych odpowiedzi

33. Selektor klasy w kaskadowych arkuszach stylów należy zdefiniować za pomocą symbolu

*

. (kropka)

: (dwukropek)

#

Trudność pytania: procent poprawnych odpowiedzi

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

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

walidatora.

konsolidatora.

debbugera.

optymalizatora.

Trudność pytania: procent poprawnych odpowiedzi

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

border-top

outline-top

padding-top

local-top

Trudność pytania: procent poprawnych odpowiedzi

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

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

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

Formatowanie 4

Formatowanie 3

Formatowanie 2

Formatowanie 1

Trudność pytania: procent poprawnych odpowiedzi

40. W kodzie CSS zastosowano formatowanie elementu listy, przy czym żadne inne formatowanie CSS nie zostało zdefiniowane. Zastosowane formatowanie sprawi, że

tekst wszystkich elementów listy będzie w kolorze Maroon.

kolor Maroon będzie obejmował co drugi element listy.

tekst wszystkich elementów, którym przypisano id „hover” będzie w kolorze Maroon.

po najechaniu kursorem na element listy, zmieni się kolor tekstu na Maroon.

Test z kategorii: CSS · egzamin zawodowy technik informatyk

Egzamin zawodowy technik informatyk · CSS · test

CSS

Test 40 Pytań

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

2. Formatowanie CSS akapitu określa styl szarej ramki o cechach:

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

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

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

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

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

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

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

10. Który z atrybutów <i>background-attachment</i> w języku CSS należy wybrać, aby tło strony było nieruchome względem okna przeglądarki?

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

12. <div class= "menu"> </div>Dla przedstawionego fragmentu dokumentu HTML zdefiniowano formatowanie CSS selektora klasy „menu” tak, aby kolor tła bloku był zielony. Która definicja stylu CSS odpowiada temu formatowaniu?

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

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

15. Aby dołączyć kaskadowy arkusz stylów zapisany w zewnętrznym pliku, należy użyć następującego fragmentu kodu HTML

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

17. Selektor CSS a:link {color:red} zawarty w kaskadowych arkuszach stylów definiuje

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

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

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. Chcąc sformatować w stylach CSS wszystkie obrazy zawarte w akapicie, powinno się użyć selektora

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

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

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

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

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

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

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

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

30. W języku CSS, aby uzyskać efekt pochylenia tekstu, należy użyć właściwości

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

32. Kolorem o barwie niebieskiej jest kolor

33. Selektor klasy w kaskadowych arkuszach stylów należy zdefiniować za pomocą symbolu

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

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

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

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

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

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

40. W kodzie CSS zastosowano formatowanie elementu listy, przy czym żadne inne formatowanie CSS nie zostało zdefiniowane. Zastosowane formatowanie sprawi, że

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

12. `<div class= "menu"> </div>`Dla przedstawionego fragmentu dokumentu HTML zdefiniowano formatowanie CSS selektora klasy „menu” tak, aby kolor tła bloku był zielony. Która definicja stylu CSS odpowiada temu formatowaniu?

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

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

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

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

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