Docsity
Docsity

Przygotuj się do egzaminów
Przygotuj się do egzaminów

Studiuj dzięki licznym zasobom udostępnionym na Docsity


Otrzymaj punkty, aby pobrać
Otrzymaj punkty, aby pobrać

Zdobywaj punkty, pomagając innym studentom lub wykup je w ramach planu Premium


Informacje i wskazówki
Informacje i wskazówki

testy_CSS_selektory [25 pytań], Testy z Informatyka

pracownia aplikacji internetowych, 2024

Typologia: Testy

2023/2024

Załadowany 11.10.2024

jareoslaw-dziewulski
jareoslaw-dziewulski 🇵🇱

8 dokumenty

1 / 5

Toggle sidebar

Ta strona nie jest widoczna w podglądzie

Nie przegap ważnych części!

bg1
1. <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?
A. div:menu { color: green; }
B. div.menu { background-color: green; }
C. menu { background-color: rgb(0,255,0); }
D. #menu { background-color: rgb(0,255,0); }
2. Jak zdefiniować w językuCSS takie formatowanie tabeli, żeby wiersz, na którym aktualnie znajduje się
kursor myszy, zmieniał kolor tła na szary?
A. tr:hover { color: gray; }
B. tr:active { color: gray; }
C. tr:hover { background-color: gray; }
D. tr:active { background-color: gray; }
3. 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 { ... }
A. id = "format1"
B. div = "format1"
C. style = "format1"
D. class = "format1"
4. 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>
A. #first-letter { font-size: 400%; color: blue; }
B. .first-letter { font-size: 400%; color: blue; }
C. p::first-letter { font-size: 400%; color: blue; }
D. p.first-letter { font-size: 400%; color: blue; }
5. W kaskadowych arkuszach stylów selektor klasy należy zdefiniować za pomocą symbolu
A. *
B. #
C. . (kropka)
D. : (dwukropek)
6. Selektor klasy w kaskadowych arkuszach stylów należy zdefiniować za pomocą symbolu
A. . (kropka)
B. : (dwukropek)
C. #
pf3
pf4
pf5

Podgląd częściowego tekstu

Pobierz testy_CSS_selektory [25 pytań] i więcej Testy w PDF z Informatyka tylko na Docsity!

  1. 1. 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? A. div:menu { color: green; } B. div.menu { background-color: green; } C. menu { background-color: rgb(0,255,0); } D. #menu { background-color: rgb(0,255,0); } 2. Jak zdefiniować w językuCSS takie formatowanie tabeli, żeby wiersz, na którym aktualnie znajduje się kursor myszy, zmieniał kolor tła na szary? A. tr:hover { color: gray; } B. tr:active { color: gray; } C. tr:hover { background-color: gray; } D. tr:active { background-color: gray; } 3. 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 { ... } A. id = "format1" B. div = "format1" C. style = "format1" D. class = "format1" 4. Przedstawiono efekt formatowania CSS oraz kod HTML. Jak należy zdefiniować styl, aby osiągnąć takie formatowanie?

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

    A. #first-letter { font-size: 400%; color: blue; } B. .first-letter { font-size: 400%; color: blue; } C. p::first-letter { font-size: 400%; color: blue; } D. p.first-letter { font-size: 400%; color: blue; } 5. W kaskadowych arkuszach stylów selektor klasy należy zdefiniować za pomocą symbolu A. * B. # C.. (kropka) D. : (dwukropek) 6. Selektor klasy w kaskadowych arkuszach stylów należy zdefiniować za pomocą symbolu A.. (kropka) B. : (dwukropek) C. #

D. *

  1. Przedstawiona w języku CSS definicja stylu dotyczy odsyłacza, który A. ma błędny adres URL. B. został wcześniej odwiedzony. C. jeszcze nie został odwiedzony. D. wskaźnik myszy ma ustawiony nad sobą.
  2. Jak zdefiniować w języku CSS formatowanie hiperłącza, żeby nieodwiedzony link był w kolorze żółtym, a odwiedzony w kolorze zielonym? A. a:visited {color: yellow;} a:link{color: green;} B. a:hover {color: green;} a:link{color: yellow;} C. a:hover {color: yellow;} a:visited{color: green;} D. a:link {color: yellow;} a:visited{color: green;}
  3. W języku CSS zdefiniowano formatowanie dla stopki. Aby użyć tego formatowania dla bloku opisanego znacznikiem div, należy zapisać A. <div "stopka"> B.
    C.
    D.
  4. Przedstawiono efekt formatowania CSS oraz kod HTML. Jak należy zdefiniować styl, aby osiągnąć takie formatowanie? A. .first-line {font-size: 200%; color:brown;} B. #first-line {font-size: 200%; color:brown;} C. p::first-line {font-size: 200%; color:brown;} D. p.first-line {font-size: 200%; color:brown;}
  5. Chcąc sformatować w stylach CSS wszystkie obrazy zawarte w akapicie, powinno się użyć selektora A. p img B. p # img C. p + img D. p.img
  6. 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ę A. :active B. :hover

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

  1. 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 A. pierwsza linia każdego paragrafu będzie miała mniejszą czcionkę niż następne linie. B. pierwsza linia każdego paragrafu będzie miała większą czcionkę niż następne linie. C. pierwszy paragraf na stronie będzie w całości miał powiększoną czcionkę. D. całość tekstu paragrafu będzie powiększona o 150%.
  2. Który zapis stylu CSS ustawi tło bloku na kolor niebieski? A. div {background-color: blue;} B. div {border-color: blue;} C. div {shadow: blue;} D. div {color: blue;}
  3. W zamieszczonym przykładzie pseudoklasa hover sprawi, że styl pogrubiony będzie przypisany A. wszystkim odnośnikom odwiedzonym. B. wszystkim odnośnikom nieodwiedzonym. C. każdemu odnośnikowi niezależnie od aktualnego stanu. D. odnośnikowi, w momencie kiedy najechał na niego kursor myszy.
  4. Wskaż stwierdzenie, które jest prawdziwe dla następującej definicji stylu: A. Jest to styl lokalny. B. Zdefiniowano dwie klasy. C. Akapit będzie transponowany na małe litery. D. Odnośnik będzie pisany czcionką 14 punktów.
  5. 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ć A. pseudoklasę :visited B. pseudoklasę :hover C. pseudoelement :fist-line D. nowy selektor klasy dla wiersza tabeli.
  6. W podanej regule CSS h1 {color: blue} h1 oznacza A. klasę.

B. wartość. C. selektor. D. deklarację.