W poniższym artykule poznasz kilka prostych poleceń które pozwolą ci sformatować tekst, aby dobrze on wyglądał na stronie www.
Nadamy jakiemuś tekstowi klasę w CSS, aby własnie ten jeden tekst zmieniał wyglądał gdy my tego zapragniemy:
<div class="tekst">
Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst
</div>
Pamiętaj że nazwy klas są dowolne. Nie musisz stosować nazwy którą ja wykorzystałem.
Następnie za pomocą CSS nadamy temu tekstowi odpowiednie wartości:
div.tekt
{
color: #630084;
line-height: 140%;
text-indent: 20px;
letter-spacing: 0.2em;
}
Tak zapisane polecenia sprawi iż tekst będzie wyglądał tak:
Fioletowy kolor, wyższa linia = 140%, wcięcie na początku tekstu 20px, oraz odległość między literami 0.2em
Pozostałe polecanie jakie możemy użyć:
- * text-decoration: none
- * underline – podkreślić
- * line-through – przekreślić
- * overline – linia nad
- * inherit – odziedziczyć
- * text-transform:
- * capitalize – wszystkie pierwsze literki sa duze
- * lowercase – male literki
- * uppercase- duze literki
- * text-align:
- * left
- * right
- * center
- * justify
- * word-spacing: odległość pomiędzy słowami
- * letter-spacing: przestrzeń pomiędzy literkami
- * text-indent: wcięcie tekstu
- * line-height: wysokość między jedną a drugą linią
- * white-space:
- * normal
- * nowrap bez zawijania
Jeśli ci się coś przydało – zostaw mały ślad po sobie.