900 Możemy więc użyć czcionki weight: bold, aby ustawić th e waga czcionki akapitu tekstu do 800. Kiedy dziecko ma większą wagę względną rodzica, skorzystaj z powyższej tabeli, aby zrozumieć, jak jest gruby. Załóżmy na przykład, że mam dziecko, które ma rodzica z czcionką o grubości 400. Jeśli umieszczę wartość czcionki dla pogrubionego dziecka, czcionka o wadze dziecka zmieni się na 700. Dzieje się tak dlatego, że w porównaniu z dzieckiem czcionka potomna jest ciemniejsza do wagi niż rodzic. Jeśli rodzic jest już tak ciemny lub tak jasny, jak to możliwe, te wartości właściwości ‚Ęã‚Ęãnic. przykładowa waga czcionki CSSPowiedzmy, że projektujesz stronę internetową dla The Seattle Stamp Club, lokalnej firmy wydawniczej. Firma znacząca, o którą poprosiliśmy, Kim jesteśmy — my, jest pogrubiona na stronie A About. To zwróci uwagę odwiedzającego na tytuł. Klub znaczków poprosił nas o dodanie bloku tekstu do swojej strony internetowej z historią klubu. Ten blok tekstu powinien mieć normalną grubość czcionki. Niektóre frazy, na które klub chce zwrócić uwagę widza, powinny być pogrubione Moglibyśmy użyć następującego kodu do utworzenia tego bloku tekstu, z kilkoma zalecanymi frazami: Styl kliknięcia przycisk w edytorze kodu powyżej, aby zobaczyć wynik naszego kodu HTML/CSS. w naszym pliku HTML zdefiniowaliśmy akapit w tekście ; . tag zawarliśmy również kilka zdań w . tagi, do których zachęcamy w naszym CSS Następnie w naszym pliku CSS zdefiniowaliśmy regułę stylu, która określa wagę stylu czcionki każdego < /a> tag pogrubiony. Oznacza to, że tekst zawarty w znaczniku jest pogrubiony niż element nadrzędny. Kiedy uruchamiamy nasz kod, nasz akapit pojawia się z normalną szerokością czcionki, a zdania zawarte w znacznikach są wyświetlane jako pogrubione . W tym przykładzie wyrażenia witamy wszystkich i 250 członków są ujęte w tagi . Pogrubiony tekst CSS ze zmiennymi znakami Udostępniliśmy nam kilka nowych czcionek na najnowszym poziomie czcionek CSS. Są one nazywane znakami zmiennymi i mogą przyjmować liczbę od 1 do 1000 jako szerokość znaku. Obsługa przeglądarek nie została w pełni zaimplementowana do maja 2020 r., więc są one całkiem nowe. Jeśli chcesz uzyskać więcej informacji na temat czcionek zmiennych , zapoznaj się z tym rel = "noopener"> l ` wprowadzeniem. Wnioski W tym samouczku omówiliśmy Właściwość CSS font -weight i jej wpływ na pogrubienie naszych czcionek. Nauczyliśmy się, że grubsza i lżejsza waga oznacza względną wagę czcionki w stosunku do wagi czcionki elementu nadrzędnego. Zasadniczo przyjrzeliśmy się zakres wag znaków, aby zobaczyć, jak wygląda tekst. W mgnieniu oka będziesz profesjonalistą w zakresie ważenia czcionek Aby dowiedzieć się więcej o kodowaniu w CSS, przeczytaj nasz przewodnik jak uczyć się CSS . Możesz przeczytać nasz przewodnik na jak zrobić pogrubiony tekst w HTML, jeśli chcesz pogrubić tekst bez polegania na CSS. |