Przełącz motyw

CSS

Wyszukiwarka

Wprowadzenie do CSS

Podstawowe właściwości CSS

Formatowanie tekstu w CSS

Stylowanie elementów HTML

Ułożenie i pozycjonowanie elementów

Responsywność i media queries

Animacje i efekty wizualne

Zaawansowane techniki CSS

Stylizacja tekstu (font-size, font-weight, font-style)

W CSS do stylizacji tekstu używamy właściwości takich jak font-size, font-weight oraz font-style. Każda z tych właściwości odpowiada za inną cechę wizualną tekstu: wielkość, grubość oraz styl pisma. Dzięki ich odpowiedniemu zastosowaniu możemy dopasować wygląd tekstu do wymagań projektu.

font-size – wielkość tekstu

Właściwość font-size kontroluje wielkość tekstu. Można używać jednostek bezwzględnych (np. px, pt) lub względnych (np. em, %).

Praktyczne użycie 
   See the Pen    Untitled by EE-Informatyk.pl (@eeinformatyk)   on CodePen.

font-weight – grubość tekstu

Właściwość font-weight określa grubość tekstu. Można używać wartości liczbowych od 100 (bardzo cienki) do 900 (bardzo gruby) lub słów kluczowych takich jak normal, bold, lighter.

Praktyczne użycie 

  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

font-style – styl tekstu

Właściwość font-style pozwala ustawić styl tekstu, np. normalny, kursywę lub tekst pochylony. Możliwe wartości to normal, italic oraz oblique.

Praktyczne użycie 

  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

Podsumowanie

Właściwości font-size, font-weight i font-style pozwalają na szeroką stylizację tekstu w CSS. Dzięki nim możemy dopasować wielkość, grubość oraz styl czcionki, tworząc różnorodne efekty wizualne i dostosowując tekst do stylu strony. Aby uzyskać jeszcze bardziej spersonalizowany wygląd, możemy łączyć te właściwości w jednym elemencie.