Lekcja 3 - Reguła CSS

 

Czym jest Reguła CSS?

Reguła CSS - czyli inaczej składnia CSS służy do zmiany wyglądu elementów HTML, które znajdują się w dokumencie HTML. W większości style CSS wykorzystuje się do nadawania unikalnego wyglądu dla danego obiektu HTML bądź grupy takich obiektów. 

 

 

Z czego składa sie Reguła CSS ?

 

Reguła CSS składa się z 

1. Selektora - który służy on do wyszukania elementu bądź grupy elementów w danym dokumencie HTML, które mają otrzymać dany styl CSS. Mówiąc prościej, selektory to informacja, które elementy chcemy zaznaczyć i potem przypisać im jakąś właściwość, np. odpowiedni kolor czcionki.

2.Nawiasu klamrowego { } - który występuje zaraz po selektorze i w którym należy umieścić właściwości CSS jakie mają otrzymać dane elementy HTML, np. kolor, rozmiar.

3.Właściwości CSS - za pomocą nich możemy określić co chcemy zmienić w wyglądzie danego elementu HTML, umieszczamy je w nawiasie klamrowym. 

4.Wartość -  występują po właściwości, są podawane po dwukropku i określają w jaki sposób chcemy zmienić daną właściwość wyglądu elementu HTML. Na końcu wartości należy postawić średnik; 

W Regule CSS mogą występować więcej niż jeden selektor, to kolejne selektory należy oddzielić od siebie przecinkiem,

Wzór Reguły CSS:

Pod spodem zostały przedstawione przykładowe elementy HTML, umieszczone w części body dokumentu HTML, których wygląd zmienimy za pomocą reguły CSS.

 

Żeby przykładowo zmienić kolor elementu div i p posłużymy się wzorem reguły CSS.