Zadanie 22. .E.14-SG-21.06, .E.14-SG-23.01, .E.14-Y-19.06, Selektory

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

1. div:menu { color: green; }
2. div.menu { background-color: green; }
3. menu { background-color: rgb(0,255,0); }
4. #menu { background-color: rgb(0,255,0); }

Zadanie 8. .E.14-SG-22.06, Selektory

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

1. tr:hover { color: gray; }
2. tr:active { color: gray; }
3. tr:hover { background-color: gray; }
4. tr:active { background-color: gray; }

Zadanie 9. .E.14-SG-22.06, Selektory

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

1. id = "format1"
2. div = "format1"
3. style = "format1"
4. class = "format1"

Zadanie 10. .E.14-SG-22.06, Selektory

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

<p>
Gdybym miał jedenaście kapeluszy,<br/>
pierwszy schowałbym w szafie, żeby się
nie kurzył.
</p>

1. #first-letter { font-size: 400%; color: blue; }
2. .first-letter { font-size: 400%; color: blue; }
3. p::first-letter { font-size: 400%; color: blue; }
4. p.first-letter { font-size: 400%; color: blue; }

Zadanie 4. .E.14-SG-22.01, Selektory

W kaskadowych arkuszach stylów selektor klasy należy zdefiniować za pomocą symbolu

1. *
2. #
3. . (kropka)
4. : (dwukropek)

Zadanie 4. E.14-SG-21.01, Selektory

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

1. . (kropka)
2. : (dwukropek)
3. #
4. *

Zadanie 10. E.14-SG-20.01, Selektory

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

1. ma błędny adres URL.
2. został wcześniej odwiedzony.
3. jeszcze nie został odwiedzony.
4. wskaźnik myszy ma ustawiony nad sobą.

Zadanie 7. E.14-X-18.06, Selektory

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

1. a:visited {color: yellow;} a:link{color: green;}
2. a:hover {color: green;} a:link{color: yellow;}
3. a:hover {color: yellow;} a:visited{color: green;}
4. a:link {color: yellow;} a:visited{color: green;}

Zadanie 8. E.14-X-18.06, Selektory

W języku CSS zdefiniowano formatowanie dla stopki. Aby użyć tego formatowania dla bloku opisanego znacznikiem div, należy zapisać

1. <div "stopka">
2. <div id="stopka">
3. <div title="stopka">
4. <div class="stopka">

Zadanie 9. E.14-X-18.06, Selektory

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

1. .first-line {font-size: 200%; color:brown;}
2. #first-line {font-size: 200%; color:brown;}
3. p::first-line {font-size: 200%; color:brown;}
4. p.first-line {font-size: 200%; color:brown;}

Zadanie 8. E.14-X-18.01, Selektory

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

1. p img
2. p # img
3. p + img
4. p.img

Zadanie 8. E.14-X-17.01, Selektory

W języku CSS zdefiniowano następujące formatowanie.

Kolorem czerwonym zostanie zapisany

1. tylko tekst pochylony nagłówka pierwszego stopnia.
2. tylko tekst pochylony we wszystkich poziomach nagłówków.
3. cały tekst nagłówka pierwszego stopnia oraz pochylony tekst akapitu.
4. cały tekst nagłówka pierwszego stopnia oraz cały tekst pochylony, niezależnie od tego w którym miejscu strony się znajduje.

Zadanie 9. E.14-X-17.01, Selektory

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ę

1. :active
2. :hover
3. :visited
4. :coursor

Zadanie 11. E.14-X-17.01, Selektory

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

1. klasy p.first-letter
2. dziecka p + first-letter
3. atrybutu p[first-letter]
4. pseudoelementu p::first-letter

Zadanie 7. E.14-X-16.08, Selektory

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

1. cały tekst paragrafu niezależnie od jego formatowania
2. pochylony tekst paragrafu.
3. cały tekst nagłówka niezależnie od od ich formatowania.
4. pogrubiony tekst paragrafu.

Zadanie 8. E.14-X-16.08, Selektory

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

1. Pierwsza linia paragrafu.
2. tekst nagłówka pierwszego stopnia
3. pierwsza litera nagłówka drugiego stopnia.
4. pierwsza litera nagłówka pierwszego stopnia.

Zadanie 7. E.14-X-15.01, Selektory

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

1. klasę.
2. pseudoklasę.
3. identyfikator.
4. pseudoelement.

Zadanie 5. E.14-X-16.05, Selektory

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

1. tło całej strony.
2. czcionka nagłówka drugiego stopnia.
3. tło tekstu nagłówka drugiego stopnia.
4. czcionka każdego nagłówka na stronie.

Zadanie 7. E.14-X-16.05, Selektory

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

1. tekstu paragrafu.
2. każdego odnośnika.
3. odnośników, które otwierają się w osobnej karcie.
4. odnośników, które otwierają się w tej samej karcie.

Zadanie 8. E.14-X-16.05, Selektory

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

1. pierwsza linia każdego paragrafu będzie miała mniejszą czcionkę niż następne linie.
2. pierwsza linia każdego paragrafu będzie miała większą czcionkę niż następne linie.
3. pierwszy paragraf na stronie będzie w całości miał powiększoną czcionkę.
4. całość tekstu paragrafu będzie powiększona o 150%.