KWALIFIKACJA INF3 - CZERWIEC 2019

PYTANIE NR 11.
Dla akapitu zdefiniowano styl CSS. Które właściwości stylu CSS poprawnie opisują dla akapitu krój czcionki: Arial; rozmiar czcionki: 16 pt; styl czcionki: pochylenie?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Poprawny zapis musi użyć właściwości:
font-family
(krój/rodzina czcionki),
font-size
(rozmiar) oraz
font-style
(pochylenie = italic). Tylko wskazana odpowiedź jednocześnie ustawia Arial, 16pt i styl italic dla selektora
p
; pozostałe mylą nazwy właściwości lub używają innej właściwości niż styl.

Pełne wyjaśnienie:

W CSS opis kroju, rozmiaru i pochylenia czcionki realizuje się przez trzy różne właściwości. Rodzinę (krój) czcionki ustawia font-family, rozmiar tekstu ustawia font-size, a pochylenie (kursywę) ustawia font-style z wartością italic. Poprawna reguła dla akapitu ma więc postać:

p{font-family: Arial; font-size: 16pt; font-style: italic;}

Odpowiedź poprawna zawiera dokładnie te trzy właściwości i właściwe wartości, dlatego zapewnia oczekiwany efekt typograficzny.

Pozostałe propozycje są błędne z typowych powodów spotykanych na egzaminie i w praktyce:

  • Użycie font-style: Arial jest niepoprawne semantycznie: font-style nie przyjmuje nazw fontów, tylko style takie jak normal/italic/oblique.
  • Właściwość size nie jest standardową właściwością CSS dla rozmiaru czcionki; właściwą jest font-size.
  • Wpisanie font-variant: normal nie ustawia pochylenia; font-variant dotyczy wariantów pisma (np. kapitaliki), więc nie spełnia wymogu "styl czcionki: pochylenie".
  • Odpowiedź z font-size: 16px nie spełnia warunku "16 pt", mimo że sama właściwość jest poprawna.

Wskazówka egzaminacyjna: jeśli w treści są trzy cechy (krój, rozmiar, pochylenie), szukaj trzech dopasowanych właściwości zaczynających się od font- i sprawdź, czy wartości pasują typem (nazwa fontu vs liczba z jednostką vs słowo typu italic).

Dodatkowe pytania

Dodatkowe pytania (FAQ):
font-family wskazuje rodzinę czcionek używaną do renderowania tekstu (np. Arial). Zwykle podaje się listę fontów z zapasem, np. Arial, sans-serif, aby przeglądarka miała alternatywę, gdy pierwszy font nie jest dostępny.
Rozmiar ustawia się właściwością font-size, np. font-size: 16px; lub font-size: 1rem;. Właściwość size nie służy do tego w CSS. Dobór jednostki zależy od projektu i zasad responsywności.
Kursywę ustawia się przez font-style: italic;. Wartość italic włącza styl pochyły, a normal go wyłącza. Nie należy mylić tego z font-weight, które odpowiada za grubość (np. bold).
font-style przyjmuje wartości opisujące styl pisma (np. normal, italic, oblique), a nie nazwę czcionki. Nazwa czcionki (np. Arial) jest wartością dla font-family, dlatego takie pomieszanie nie zadziała.
Tak, pt jest dozwoloną jednostką w CSS (jednostka absolutna). W praktyce webowej częściej spotyka się px, rem lub em ze względu na skalowanie i dostępność, ale sama składnia z pt jest poprawna.
font-style dotyczy pochylenia (kursywa/pochyły). font-variant dotyczy wariantów zapisu, np. kapitalików. Ustawienie font-variant: normal nie spowoduje kursywy, więc nie zastępuje font-style: italic.
Najprościej użyć selektora elementu: p { ... }. Wewnątrz klamerek podaje się deklaracje w formacie właściwość: wartość;. Taki zapis zastosuje style do wszystkich akapitów na stronie, o ile nie zostaną nadpisane.
Nie. font-weight kontroluje grubość (np. normal, bold, wartości liczbowe), a pochylenie ustawia font-style. To częsta pomyłka: pogrubienie i kursywa to dwie różne cechy typograficzne.
Typowe błędy to: użycie nieistniejącej właściwości (np. size zamiast font-size), podanie złego typu wartości (np. nazwy fontu dla font-style), brak średnika lub literówka w nazwie. Przeglądarka zwykle ignoruje błędną deklarację.
Sprawdź, czy odpowiedź zawiera trzy właściwości odpowiadające trzem cechom: font-family (nazwa fontu), font-size (liczba z jednostką) i font-style (np. italic). Jeśli wartości "nie pasują typem", odpowiedź jest podejrzana.
info

To pytanie poprawnie rozwiązuje 66% zdających egzamin. średnie

Według specjalistów z branży: "Poprawny zapis musi użyć właściwości:font-family (krój/rodzina czcionki), font-size (rozmiar) oraz font-style (pochylenie = italic)."

Źródła:

  • MDN Web Docs: font-family — https://developer.mozilla.org/en-US/docs/Web/CSS/font-family (dostęp: 2026-02-27)
  • MDN Web Docs: font-size — https://developer.mozilla.org/en-US/docs/Web/CSS/font-size (dostęp: 2026-02-27)
  • MDN Web Docs: font-style — https://developer.mozilla.org/en-US/docs/Web/CSS/font-style (dostęp: 2026-02-27)

Materiały:

  • Dokumentacja MDN Web Docs dotycząca font-family, font-size i font-style
  • Specyfikacja CSS Fonts Module (W3C)
  • Ćwiczenia praktyczne: tworzenie prostych arkuszy stylów dla tekstu (nagłówki, akapity)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego