Aby w jezyku CSS ustawic czerwony kolor dla tekstu, mozna uzyc stylu:
Zle. Tu sa dwa bledy naraz: nieistniejaca wlasciwosc
text-color oraz hex #FF0000 wstawiony do rgb().Zle. Wlasciwosc
text-color nie istnieje w CSS - kolor tekstu ustawia color.Zle. Funkcja
rgb() oczekuje trzech liczb 0-255, a #FF0000 to zapis szesnastkowy (hex) - nie laczy sie z rgb().Dobrze. To prawidlowa wlasciwosc
color z funkcja rgb() i trzema skladowymi 0-255.Kolor tekstu w CSS ustawia wlasciwosc
color, a nie zadna inna nazwa - to ona odpowiada za barwe znakow elementu. Wartosc mozna podac na kilka sposobow, a jednym z nich jest funkcja rgb(), ktora przyjmuje trzy skladowe: czerwona, zielona i niebieska, kazda w zakresie od 0 do 255. Zapis rgb(255,0,0) oznacza pelne nasycenie czerwieni przy zerowej zieleni i zerowym blekicie, czyli czysty czerwony. Dlatego deklaracja color: rgb(255,0,0); jest jedyna poprawna sposrod podanych - laczy wlasciwa wlasciwosc z prawidlowo zapisana funkcja rgb().Latwo tu wpasc w dwie rozne pulapki. Pierwsza dotyczy nazwy wlasciwosci:
text-color brzmi sensownie, ale taka wlasciwosc w CSS nie istnieje, wiec przegladarka po prostu zignoruje cala deklaracje i kolor tekstu sie nie zmieni. Barwe znakow ustawia wlasciwosc color. Druga pulapka to mieszanie zapisow koloru: rgb(#FF0000) laczy funkcje rgb() z zapisem szesnastkowym. Znak # rozpoczyna kolor w formacie hex (np. #FF0000), ktory podaje sie samodzielnie, bez rgb(). Funkcja rgb() oczekuje natomiast trzech liczb dziesietnych 0-255 oddzielonych przecinkami. Poprawnie laczy obie rzeczy tylko color: rgb(255,0,0); - wlasciwa wlasciwosc i prawidlowo zapisana funkcja rgb, gdzie 255 to pelna czerwien, a oba zera to brak zieleni i blekitu.