Forum hosting 4un.eu

Pełna wersja: formatowanie tekstu za pomocą css
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Skoro wiemy już jak posługiwac się klasami css to nie samym zastępowaniem tagów języka html webmaster żyje.
Klasa pozwala nam na określenie czy tekst ma by podkreślony, pogrubiony czy ma byc pisany kursywą. Pozwala nam też na wybór czcionki jej wielkości i koloru pisma, a także na zdefiniowanie odtępów między literami i słowami.

W dawnych czasach do określenia rozmiaru czcionki służył tag html <font size="x"> gdzie za x wstawiało się rozmiar czcionki obecnie służy do tego css
Cytat:font-size: x;
gdzie za x wstawiamy wartośc liczbową wyrażoną w px - pikselach, cm - centymetrach, mm - milimetrach, em - względem lub w % - procentach
color: x; pozwala na określenie jakim kolorem napis zostanie wydrukowany na ekranie gdzie za x wstawiamy kolor może byc użyta jego nazwa jednak zalecane jest użycie kodu w postaci RGB np. #ffffff - to kod dla koloru białego.
Gdy chcemy określic odstęp między znakami używamy letter-spacing: x; gdzie za x wstawiamy wartośc liczbową oraz odpowiednią jednostkę analogicznie do rozmiaru czcionkiOczko
podobnie określamy orozmiary pomiędzy słowami a suży do tego w css word-spacing: x; gdzie za x wstawiamy wartośc liczbową z odpowiednią jednostką.

A teraz dla zobrazowania utworzymy sobie dwie klasy jedną wyroznioną i jedną, którą będziemy stosowac cały czas.

Cytat:.norma {
color: #ffffff; font-family:'Times New Roman, verdana, Tahoma'; font-size: 18px; font-weight: normal; font-style: normal; text-decoration: none; letter-spacing: 2px; word-spacing: 3px;
}
.wyrozniona {
color: #000000; font-family:'Times New Roman, verdana, Tahoma'; font-size: 18px; font-weight: bold; font-style: normal; text-decoration: underline; letter-spacing: 1px; word-spacing: 2px;
}
odtąd gdy będziemy chcieli wyróżnic jakiś akapit będzie on pisany czarnym kolorem , będzie pogrubiony oraz podkreslony oraz odstępy między znakami będą mniejsze.
Ważne: możemy wypisac liste rodzajów czcionki jakie mogą byc użyte jeśli przeglądarka nie obsługuje danego typu czcionki trzeba to zrobic tak jak tu pokazałem ujmując te wartości w apostrof i wymieniając po przecinku. Tę wyliczankę rozpoczynamy od oczekiwanej przez nas czcionki
Przekierowanie