h2 { text-decoration: overline; font-style: italic; line-height: 60px; } Zastosowanie definicji stylu CSS sprawi, że nagłówki drugiego stopnia będą...
h2 { text-decoration: overline; font-style: italic; line-height: 60px; }Zastosowanie definicji stylu CSS sprawi, że nagłówki drugiego stopnia będą zapisane
A. czcionką podstawową, z linią nad tekstem, wysokość wiersza na 60 px
Źle. Linia nad tekstem i wysokość wiersza się zgadzają, ale font-style: italic pochyla czcionkę.
B. czcionką podstawową, z linią pod tekstem, odległość między znakami na 60 px
Źle. Ani jedna cecha się nie zgadza: italic pochyla, overline to linia nad tekstem, a line-height to wysokość wiersza.
C. czcionką pochyloną, z linią pod tekstem, wysokość wiersza na 60 px
Źle. Pochylenie się zgadza, ale overline rysuje linię nad tekstem, a nie pod nim.
D. czcionką pochyloną, z linią nad tekstem, wysokość wiersza na 60 px
Dobrze. italic pochyla czcionkę, overline rysuje linię nad tekstem, line-height ustala wysokość wiersza.
Pytanie z egzaminu CKE, czerwiec 2022 (arkusz E.14-SG-22.06).
Nagłówki
<h2> będą pisane czcionką pochyloną, z linią nad tekstem i z wysokością wiersza 60 px. Każda właściwość odpowiada za jedną cechę: text-decoration: overline rysuje linię nad tekstem, font-style: italic pochyla czcionkę, a line-height: 60px ustala wysokość wiersza. Do zapamiętania trzy wartości text-decoration: underline to linia pod tekstem, overline nad tekstem, line-through przekreślenie. Odstęp między znakami to inna właściwość, letter-spacing, a odstęp między słowami - word-spacing. Duża wartość line-height przy jednowierszowym tekście bywa używana do wyśrodkowania go w pionie w pasku menu. Te same efekty można połączyć z innymi stylami nagłówka, na przykład kolorem czy rozmiarem czcionki.Każdy z błędnych opisów myli jedną z trzech właściwości. Czcionka podstawowa byłaby wynikiem
font-style: normal, a w regule stoi italic, więc tekst będzie pochylony. Linię pod tekstem daje underline, a overline to linia nad tekstem - przedrostek over oznacza „nad”. Odległość między znakami ustawia letter-spacing, a line-height określa wysokość wiersza, czyli odstęp między kolejnymi liniami tekstu. Opis zgodny z regułą łączy wszystkie trzy elementy naraz: pochylenie, linię nad tekstem i wysokość wiersza 60 px. W takich zadaniach dobrze jest sprawdzić każdą właściwość po kolei i skreślać opisy, w których choć jedna cecha się nie zgadza. Przydatne skojarzenia: over znaczy „nad”, under „pod”, italic to kursywa, a line-height dosłownie „wysokość linii”. Znając je, rozwiążesz większość pytań o wygląd tekstu bez zgadywania.