Fromatowanie i dekorowanie tekstu

1. text-transform:
• lowercase/uppercase - MAŁE LITERY/duże litery
• capitalize - duża litera pierwsza każdego słowa
2. text-align - wyrównać
3. white-space:
• pre-line - interpretacja tylko enterów z kodu bez spacji (dla zwykłego tekstu)
  Przykładowy tekst.Przykładowy tekst.Przykładowy tekst. Przykładowy tekst. Przykładowy tekst.Przykładowy tekst. Przykładowy tekst. Przykładowy tekst. Przykładowy tekst. Przykładowy tekst.Przykładowy tekst. Przykładowy tekst.


• prewrap - interpretacja wszystkich białych znaków z kodu (dla kodu)
  Przykładowy tekst.Przykładowy tekst.Przykładowy tekst. Przykładowy tekst. Przykładowy tekst.Przykładowy tekst. Przykładowy tekst. Przykładowy tekst. Przykładowy tekst. Przykładowy tekst.Przykładowy tekst. Przykładowy tekst.
• nowrap - bez zawijania tekstu (bez enterów, tekst w jednej linii) Przykładowy tekst.Przykładowy tekst.Przykładowy tekst. Przykładowy tekst. Przykładowy tekst.Przykładowy tekst. Przykładowy tekst. Przykładowy tekst. Przykładowy tekst. Przykładowy tekst.Przykładowy tekst. Przykładowy tekst.
4. text-decoration-line - dodawanie linii do tekstu, np. podkreśleń, przekreśleń, nadkreśleń
5. text-decoration-style - wybór stylu linii np. kropkowana, przerywana itd.
6. text-decoration-color - zmiana koloru linii.
7. text-decoration: [line] [style] [color] - skrócona forma 3 w 1
8. użycie text-decoration zamiast border powoduje że przy zmianie padding(marginesu) podkreślenia dalej są przyczepione do tekstu.
9. text-indent - wcięcie dla pierwszej linii z danego bloku tekstu.
10. ::first-letter - edycja pierwszej litery.
• Przykład użycia text-indent i ::first-letter:

  Kaskadowe arkusze stylów (ang. Cascading Style Sheets, w skrócie CSS) - język służący do opisu formy prezentacji (wyświetlania) stron WWW. CSS został opracowany przez organizację W3C w 1996 r. jako potomek języka DSSSL przeznaczony do używania w połączeniu z SGML-em. Pierwszy szkic CSS zaproponował w 1994 r. Håkon Wium Lie.

11. Jednostki
• px - pixele
• em - przemnożenie przez czcionkę rodzica, jeżeli np. w body czcionka jest ustawiona na 60px to w tekście użycie np. 2em daje czcionkę 120px. Wartość względna która zmienia się w zależności od wielkości rodzica.
• % - procentowa wielkość elementu, np. przy wyznaczaniu szerokości elementu można użyć width: 70% co spowoduje dostosowywanie się rozmiaru danego elementu np. do szerokości strony.
• fr - jednostka która dzieli dostępną wielkość. np. grid-template-columns: 1fr 2fr 1fr; stworzy 3 kolumny z czego środkowa będzie 2 razy większa od pozostałych.
• vh - (Viewport) jest to widoczna część strony internetowej na ekranie. np. kontener ustawiony na height: 100vh będzie widoczny na 100% widocznej strony, po zmniejszaniu lub zwiększaniu okna przeglądarki kontener będzie się dostosowywał wypełniając całą powierzchnie strony.
12. line-height - wysokość linii
    (przerwa między liniami tekstu.)
13. word-spacing - przestrzeń pomiędzy słowami.
14. letter-spacing - przestrzeń między literami.
15. Czcionki:
• font-size - wielkość czcionki.
• font-variant: small-caps - drukowane litery.
• font-family - rodzaj czcionki (Arial, Georgia, Time New Roman itd.), (zmieniając czcionkę należy dodać po przecinku inną czcionkę lub rodzinę użytej czcionki aby w przypadku gdy ktoś nie będzie miał wgranej danej czcionki u siebie wyświetliła się inna wybrana czcionka lub standardowa czcionka z danej rodziny czcionek. np. font-family: 'Courier New' , monospace;)
• font-weight - waga czcionki (pogrubienie).
• font-style - pochylenie tekstu.
• font: [font-style] [font-variant] [font-weight] [ font-size/line-height] [ font-family];