Reguła CSS

Zaczynamy właśnie Twoją podróż ku opanowaniu sztuki stylizacji tekstu na stronach internetowych. Jesteś już zaznajomiony z podstawowymi elementami takimi jak nagłówki i paragrafy. W następnych modułach tego szkolenia nauczymy Cię, jak manipulować grubością czcionki, dobierać odpowiedni rodzaj czcionki, modyfikować styl tekstu, regulować odstępy między wierszami i literami, wyrównywać tekst oraz wprowadzać inne efekty wizualne.

Wcześniej zauważyłeś, że CSS posiada własną, specyficzną składnię. W duchu kontynuacji procesu nauki HTML od nagłówka, rozpoczniemy naszą przygodę ze stylizacją tekstu od tego właśnie elementu. Czeka nas wiele praktycznych ćwiczeń, dzięki którym nabierzesz doświadczenia i pewności w kodowaniu. Zainspirujmy się metodami starożytnego Egiptu, gdzie kierowano się zasadą uczenia przez praktykę.

1<h1>Tekst</h1>

I teraz pokolorujmy sobie ten nagłówek na czerwono:

1h1 {
2  color: red;
3}

Linia 1 - selektor - definiujemy, na który element ma działać reguła, Linia 2 - deklaracja CSS - właściwość (color) i wartość (red) - oznacza jak będzie wyglądał paragraf, Linia 3 - zamknięcie nawiasu klamrowego.

Zapisując powyższą regułę CSS wszystkie nagłowki pierwszego stopnia na stronie będą koloru czerwonego (jeśli żadna reguła jej nie nadpisuje).