Jak zrobić pogrubiony CSS

29.05.2019

Pierwsza wersja współczesnego języka HTML pojawiła się na początku lat 90. i miała funkcję przekazywania informacji. Dzięki temu językowi dobrze znana dziś zaczęła się rozwijać. World Wide Web, do którego wszyscy jesteśmy tak przyzwyczajeni. Jeśli jednak zanurzymy się w historii znacznie głębiej, zobaczymy, że już w 1945 r. Vannevar Bush, obywatel amerykański, który był doradcą naukowym prezydenta w niepełnym wymiarze godzin, wspomniał o hipertekstzie. W 1968 roku, dwadzieścia trzy lata później, Douglas Engelbart, który był wynalazcą myszy i kilku innych urządzeń, zdołał pokazać pracę łącza hipertekstowego w swoim edytorze tekstów. To był początek języka hipertekstowego HTML.

Trochę o CSS

W 1994 roku zaproponowano stworzenie kaskadowych arkuszy stylów opartych na HTML. Pomysł ten przyniósł jedną główną ideę - oddzielić projekt strony od jej bezpośredniej treści. css pogrubiony

17 grudnia 1996 r. Została już przyjęta pierwsza wersja CSS. W dniu 18 maja 1998 r. Do gry weszła druga wersja - CSS2. Po 11 latach CSS2 został zmodyfikowany i poprawiony. Pojawiła się wersja 2.1. Dzisiaj jest trzecia opcja.

Co to jest czcionka? i dlaczego jest potrzebna na stronie?

Czcionka stanowi integralną część projektu strony internetowej, dzięki czemu zasób będzie wyglądał atrakcyjniej, ponieważ czytelnicy będą mogli łatwiej odczytać informacje, jeśli niezbędne fragmenty tekstu zostaną pogrubione lub zapisane kursywą. Teraz będzie brana pod uwagę tylko opcja użycia pogrubionej czcionki w CSS.


Jak zrobić pogrubiony CSS?


Aby ustawić pogrubioną czcionkę w CSS, musisz użyć grubości czcionki. Teraz rozważymy kilka punktów, w których zostanie pokazane, jakie wartości są możliwe dla danej właściwości:

  • Jeśli używasz normalnej właściwości, otrzymujesz zwykłą czcionkę.
  • Jeśli odważny - gruby.
  • Pogrubiona właściwość to nieco pogrubiony krój czcionki niż pogrubiony.
  • A jaśniejsza własność będzie mniej śmiała niż odważna. jak zrobić css pogrubioną czcionką

Używa również liczb od 100 do 900. Dzięki tym wartościom możesz ustawić właściwości z bardzo cienkiej czcionki na bardzo odważną. W tym przypadku grubość czcionki będzie wzrastać - od najmniejszej wartości liczbowej (100) do największej (900). Należy pamiętać, że domyślna czcionka pogrubiona będzie miała wartość 700, a domyślna wartość normalnej funkcji to 400.

Jak odważnie wygląda w CSS

Najpierw wstaw p i otwórz nawias klamrowy - p {. Po drugie, własność font-weight jest zapisywana, następnie dwukropek, a następnie określona jest wartość pisemna lub numeryczna jednej z właściwości, jak omówiono powyżej - font-weight: bold. Na końcu możesz wstawić średnik w przypadku, gdy chcesz wyliczyć wartości innych właściwości w nawiasach klamrowych. Po trzecie, klamra jest zamknięta -}.


Zastanów się, jak ustawić tę samą wartość na dwa różne sposoby.
Pierwsza korzysta z funkcji wartości numerycznej, która wynosi 700:

  • . my-bold-font {
  • kolor: czarny;
  • grubość czcionki: 700;
  • } css pogrubiony śmiały

Druga metoda używa pogrubionej funkcji.

Aby umożliwić pogrubienie w CSS, używamy pogrubionej funkcji, która, jak wspomniano powyżej, ma domyślnie wartość liczbową 700. W takim przypadku nie zobaczysz żadnej różnicy, więc użyj tej funkcji lubisz więcej:

  • . my-bold-font {
  • kolor: czarny;
  • font-weight: bold;
  • }

Teraz już wiesz, jak tworzyć pogrubiony tekst w CSS. Zbadaliśmy szczegółowo, jakie funkcje i wartości można w tym celu zastosować.