Kwalifikacje w Zawodzie - Testy zawodowe online | Egzaminy Zawodowe

KWALIFIKACJA INF3 - CZERWIEC 2018



PYTANIE NR 6.
Podana definicja stylu CSS sprawi, że nagłówki pierwszego stopnia będą
Ilustracja przedstawia fragment kodu CSS, który jest związany z formatowaniem nagłówków pierwszego stopnia (h1) na stronie
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Wyśrodkowanie wynika z właściwości typu text-align: center. Zapis text-transform: uppercase powoduje zapis wielkimi literami. Parametr letter-spacing: 10px ustawia odstępy między znakami na 10 px, a nie odstępy między wierszami.

Pełne wyjaśnienie:

Poprawna odpowiedź: "wyśrodkowane, pisane wielkimi literami, a odstępy między literami będą ustawione na 10 px".

W typowych deklaracjach CSS dla nagłówków pierwszego stopnia (h1) trzy różne właściwości odpowiadają za trzy niezależne efekty:

  • Wyrównanie w poziomie kontroluje text-align. Wartość center sprawia, że tekst jest wyśrodkowany w obrębie szerokości elementu (np. w kontenerze).
  • Zmiana wielkości liter (bez modyfikowania treści w HTML) jest realizowana przez text-transform. Wartość uppercase wymusza wyświetlanie wszystkich liter jako wielkich.
  • Odstępy między literami ustawia letter-spacing. Wartość 10px zwiększa odstęp pomiędzy kolejnymi znakami o 10 pikseli.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • Warianty z justowaniem są błędne, jeśli w definicji stylu nie ma text-align: justify. Justowanie to rozciąganie odstępów między wyrazami tak, aby linie miały równą długość, i nie jest tym samym co wyśrodkowanie.
  • Warianty z małymi literami pasowałyby do text-transform: lowercase, a nie do ustawienia na wielkie litery.
  • Warianty z odstępami między liniami dotyczą zwykle właściwości line-height, a nie letter-spacing. To częsta pułapka: oba parametry wpływają na "odstępy", ale dotyczą innych aspektów składu tekstu.

Wskazówka egzaminacyjna: czytaj deklaracje CSS "parametr po parametrze" i przypisz każdej właściwości jeden efekt (wyrównanie, transformacja, spacing). To ogranicza pomyłki wynikające z podobnych sformułowań w odpowiedziach.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Co robi właściwość text-align w CSS?
text-align ustawia poziome wyrównanie treści tekstowej w elemencie (np. do lewej, do prawej, do środka lub justowanie). Dotyczy sposobu rozmieszczenia wierszy tekstu w obrębie dostępnej szerokości elementu, a nie pozycjonowania całego bloku.
Jak w CSS wyśrodkować tekst nagłówka h1?
Najczęściej stosuje się text-align: center na elemencie h1 (lub jego kontenerze). To wyrównuje wiersze tekstu do środka. Nie należy mylić tego z centrowaniem bloku przez margin: 0 auto, które dotyczy elementów o określonej szerokości.
Co to jest text-transform: uppercase?
text-transform: uppercase wymusza wyświetlanie liter jako wielkich, bez zmiany samej treści w kodzie HTML. To przydatne, gdy chcesz zachować oryginalny zapis w treści (np. dla SEO lub dostępności), a jedynie zmienić wygląd.
Jaka jest różnica między letter-spacing a line-height?
letter-spacing zmienia odstęp między znakami (literami). line-height zmienia wysokość wiersza, czyli odstęp pionowy między liniami tekstu. W zadaniach testowych te pojęcia są często mylone, bo oba opisują "odstępy", ale działają w innych kierunkach.
Jak ustawić odstępy między literami na 10px w CSS?
Użyj właściwości letter-spacing: 10px na wybranym selektorze (np. h1). Wartość w pikselach zwiększa odstęp pomiędzy kolejnymi znakami. Zbyt duża wartość może pogorszyć czytelność, więc stosuj ją świadomie, np. w krótkich nagłówkach.
Dlaczego justowanie to nie to samo co wyśrodkowanie?
Wyśrodkowanie (center) ustawia tekst symetrycznie względem środka elementu. Justowanie (justify) rozciąga odstępy między wyrazami, aby oba brzegi akapitu były równe. Efekt jest zupełnie inny: justify "wyrównuje krawędzie", a center "centruje treść".
Czy text-transform zmienia treść w HTML?
Nie. text-transform wpływa na sposób wyświetlania tekstu w przeglądarce, ale nie modyfikuje zawartości dokumentu HTML. Dzięki temu możesz trzymać treść w naturalnej formie, a styl (np. wielkie litery) narzucić wyłącznie przez CSS.
Kiedy warto stosować duże odstępy między literami w nagłówkach?
Duże letter-spacing stosuje się głównie w krótkich nagłówkach, banerach i elementach identyfikacji wizualnej, aby uzyskać "rozstrzelony" styl. W dłuższych tekstach pogarsza to płynność czytania. Na egzaminie ważne jest rozpoznanie, że dotyczy liter, nie linii.
Jakie błędy są najczęstsze w pytaniach o CSS typografię?
Najczęściej myli się: letter-spacing z line-height, wyśrodkowanie z justowaniem oraz uppercase z lowercase. Warto czytać odpowiedzi, szukając trzech niezależnych efektów: wyrównania, transformacji liter oraz rodzaju "odstępów" (litery vs linie).
Jak przygotować się do zadań egzaminacyjnych z właściwości CSS tekstu?
Stwórz krótką ściągę: text-align (wyrównanie), text-transform (wielkość liter), letter-spacing (odstęp liter), line-height (odstęp linii). Przećwicz w edytorze: zmieniaj po jednej właściwości i obserwuj efekt w przeglądarce.
info

Statystycznie 61% uczniów zna prawidłową odpowiedź. średnie

Eksperci podkreślają: "Wyśrodkowanie wynika z właściwości typu text-align: center."

Źródła:

  • MDN Web Docs: "text-align" — https://developer.mozilla.org/en-US/docs/Web/CSS/text-align (dostęp: 2026-03-05)
  • MDN Web Docs: "text-transform" — https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform (dostęp: 2026-03-05)
  • MDN Web Docs: "letter-spacing" — https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing (dostęp: 2026-03-05)

Materiały:

  • Dokumentacja MDN Web Docs: właściwości text-align, text-transform, letter-spacing
  • Ćwiczenia praktyczne: tworzenie arkusza stylów dla nagłówków i porównywanie efektów w przeglądarce
  • Cheat sheet CSS dotyczący typografii (text, font, spacing)
Zobacz też:

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego