KWALIFIKACJA INF3 - STYCZEŃ 2021

PYTANIE NR 30.
Pogrubienie tekstu za pomocą znacznika <b> można uzyskać także przy wykorzystaniu właściwości CSS
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
font-weight to właściwość CSS kontrolująca grubość kroju (np. 400 normal, 700 bold). Umożliwia uzyskanie pogrubienia bez używania prezentacyjnego znacznika <b>. Pozostałe propozycje nie są standardowymi właściwościami CSS albo dotyczą innego parametru (np. rozmiaru czcionki).

Pełne wyjaśnienie:

W CSS za "pogrubienie" odpowiada grubość kroju pisma. Do jej ustawienia służy właściwość font-weight. Można podać wartości opisowe (np. normal, bold) albo liczbowe (zależnie od dostępnych odmian fontu), a przeglądarka dobierze odpowiednią odmianę czcionki.

Znacznik <b> w HTML powoduje wizualne wyróżnienie (pogrubienie) bez nadawania znaczenia semantycznego. W praktyce nowoczesnego tworzenia stron zaleca się rozdzielać treść i strukturę dokumentu od prezentacji: treść opisuje HTML, a wygląd ustala CSS. Dlatego to właśnie font-weight jest właściwym narzędziem do uzyskania pogrubienia w arkuszu stylów.

Dlaczego pozostałe odpowiedzi są błędne?

  • text-weight i text-size nie są standardowymi właściwościami CSS, więc ich użycie nie zadziała w poprawnym kodzie.
  • font-size jest poprawną właściwością CSS, ale zmienia rozmiar czcionki, a nie jej grubość. Może wizualnie "wzmocnić" tekst tylko pośrednio (większa czcionka bywa odbierana jako bardziej wyrazista), ale nie jest to pogrubienie.

Wskazówka egzaminacyjna: jeśli pytanie dotyczy pogrubienia, szukaj właściwości z członem -weight (waga/grubość kroju). Jeśli dotyczy wielkości liter, będzie to zwykle -size.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
font-weight określa grubość kroju czcionki (np. normal/bold lub wartości liczbowe zależne od fontu). Zmienia "pogrubienie" tekstu bez ingerowania w strukturę HTML, więc jest podstawowym sposobem wyróżniania typografii w arkuszu stylów.
Użyj CSS: font-weight, np. font-weight: bold; albo font-weight: 700; (jeśli dana czcionka to wspiera). To podejście pozwala sterować wyglądem globalnie w stylach, a nie "na sztywno" w treści HTML.
font-size zmienia rozmiar znaków, a nie ich grubość. Większy tekst może wydawać się bardziej widoczny, ale nie jest to pogrubienie. Do grubości kroju służy font-weight, bo opisuje "wagę" czcionki.
Nie, text-weight nie jest standardową właściwością CSS. To częsty błąd wynikający z prób "zgadnięcia" nazwy. W praktyce do pogrubienia używa się font-weight, a do rozmiaru font-size.
<b> daje wizualne wyróżnienie (pogrubienie) bez znaczenia semantycznego, a <strong> oznacza ważność treści (semantyka), którą przeglądarka zwykle także renderuje jako pogrubienie. W praktyce wygląd warto kontrolować CSS, a znaczenie oznaczać semantycznie.
Zwykle tak, ale jest to efekt domyślnych stylów przeglądarki. Arkusze CSS mogą ten wygląd zmienić. Dlatego w zadaniach o stylowaniu lepiej myśleć o CSS (np. font-weight) jako o pewnym sposobie uzyskania pogrubienia.
Najczęściej spotkasz wartości opisowe, np. normal i bold, oraz wartości liczbowe (zależne od rodziny fontu i jej odmian). Jeśli font nie ma danej "wagi", przeglądarka dobierze najbliższą dostępną.
Obie właściwości zaczynają się od font-, więc działa efekt podobieństwa (interferencja pojęć). Dobra strategia to skojarzenie: size = rozmiar, weight = waga/grubość. Pogrubienie zawsze łączy się z "wagą" kroju.
Najprościej: ustaw kilka wartości font-weight w CSS i porównaj render. Jeśli różnice są niewielkie, font może nie mieć wielu odmian. W projektach produkcyjnych warto używać fontów z pełną rodziną wag i poprawnie je ładować.
Ćwicz podstawowe właściwości typografii: font-weight, font-size, font-style, line-height, text-decoration. Twórz krótkie przykłady w pliku HTML+CSS i obserwuj efekt, zamiast uczyć się samych nazw na pamięć.
info

Statystycznie 83% uczniów zna prawidłową odpowiedź. średnio łatwe

W praktyce zawodowej kluczowe jest to, że font-weight to właściwość CSS kontrolująca grubość kroju (np. 400 normal, 700 bold).

Źródła:

  • MDN Web Docs: "font-weight" — https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight (accessed 2026-02-27)
  • MDN Web Docs: "&lt;b&gt;: The Bring Attention To element" — https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b (accessed 2026-02-27)
  • W3C CSS Fonts Module Level 4 (specification) — https://www.w3.org/TR/css-fonts-4/ (accessed 2026-02-27)

Materiały:

  • Dokumentacja MDN dotycząca właściwości font-weight i formatowania tekstu
  • Specyfikacja CSS Fonts (rozdziały o weight/grubości kroju)
  • Materiały o semantyce HTML (różnica &lt;b&gt; i &lt;strong&gt;) oraz o dobrych praktykach rozdzielania treści i stylu

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego