CSS

Wprowadzenie do CSS

Podstawowe właściwości CSS

Formatowanie tekstu w CSS

Stylowanie elementów HTML

Ułożenie i pozycjonowanie elementów

Responsywność i media queries

Animacje i efekty wizualne

Zaawansowane techniki CSS

Kolory w CSS (color, background-color)

Kolory są kluczowym elementem w projektowaniu stron internetowych, a CSS oferuje wiele możliwości ich definiowania i stosowania. Dwie podstawowe właściwości, które kontrolują kolory w CSS, to color (kolor tekstu) oraz background-color (kolor tła).

Właściwość color

Właściwość color w CSS służy do ustawiania koloru tekstu w elementach HTML.

Przykład

/* W tym przykładzie tekst w paragrafie zostanie wyświetlony na czerwono. */
p {
    color: red;
}

Właściwość background-color

Właściwość background-color określa kolor tła elementu. Może być stosowana do różnych elementów HTML, takich jak bloki (div), przyciski czy całe strony.

Praktyczne użycie


  See the Pen 
  Untitled by EE-Informatyk.pl (@eeinformatyk)
  on CodePen.

Sposoby definiowania kolorów

W CSS istnieje kilka sposobów na definiowanie kolorów:

Nazwy kolorów - W CSS dostępne są predefiniowane nazwy kolorów (np. red, blue, green, black).
Kolory RGB - Kolory mogą być definiowane za pomocą modelu RGB, który używa wartości dla czerwonego, zielonego i niebieskiego (0-255).
Kolory RGBA - Model RGB można rozszerzyć o kanał przezroczystości (alfa), który przyjmuje wartości od 0 (całkowicie przezroczysty) do 1 (nieprzezroczysty).
Kolory heksadecymalne - Kolory mogą być definiowane w formacie szesnastkowym, gdzie każdy z kanałów (czerwony, zielony, niebieski) reprezentowany jest przez dwie cyfry szesnastkowe (00-FF).
HSL - Kolory można również określać za pomocą modelu HSL, który opisuje kolor przez wartość odcienia (Hue), nasycenia (Saturation) i jasności (Lightness).
HSLA - Model HSL również można rozszerzyć o przezroczystość.