Strony internetowe: formatowanie treści - color

W poprzednim tutorialu przedstawiłem sposoby na formatowanie tekstu przy użyciu stylu text-align. Dla przypomnienia styl ten umożliwia ustawienie wyrównania w poziomie
tekstu względem nadrzędnego pojemnika (kontenera) lub całej strony internetowej. W tym tutorialu zajmiemy się stylem color, za pomocą którego będziesz mógł zmienić kolor teksu lub jego fragment/fragmenty na inny kolor niż domyślny, czyli czarny (#000000).

Styl może przyjąć dwie wartości:

color - może być to tekstowa nazwa koloru, np. color:red; lub wartość szesnastkowa, np. color:#000000 (kolor czarny) oraz zapis RGB (Red Green Blue), np. color:rgb(0,64,128).
inherit - przejęcie wartości "rodzica", np. color:inherit;

Poniżej przedstawiam parę przykładów:

Przykład 1

Kod źródłowy:
<p>Projektowanie i tworzenie stron internetowych jest <span style="color:red;"> ciekawym i kreatywnym zajęciem.</span>.</p>

Podgląd:

Projektowanie i tworzenie stron internetowych jest
ciekawym i kreatywnym zajęciem.

Przykład 2

Kod źródłowy:
<p style="color:#1da220;">Jeżyk CSS jest bardzo pomocny przy formatowaniu treści na stronie internetowej.</p>

Podgląd:

Jeżyk CSS jest bardzo pomocny przy formatowaniu treści na
stronie internetowej.

W następnym samouczku dalej będziemy formatować treści przy użyciu styli CSS na stronie internetowej.