Składnia CSS

CSS, krótkie dla kaskadowych arkuszy stylów to język stylizacji internetowej używany do stylizacji i struktury stron internetowych napisanych w HTML lub XML. Określa, w jaki sposób na ekranie pojawiają się różne elementy HTML na przykład lub akapity.

Podobnie jak inne języki stylizacji sieci, CSS przestrzega również pewnych zasad, które określają rozmieszczenie elementów i atrybutów. Składnia CSS jest następująca:

Składnia jest wyjaśniona w poniższej tabeli.

Element CSS	Opis
Selektor	Wybiera element HTML, który chcesz stylizować.
Blok deklaracji	Składa się z wielu deklaracji, a teSea są oddzielone półkolonami.
Nieruchomość	Właściwość odnosi się do atrybutu znacznika HTML, takiego jak kolor, czcionka itp.
Wartość	Wartości są przydzielane do właściwości.

Teraz istnieje wiele rodzajów selektorów, które są wyjaśnione poniżej.

Uniwersalny selektor

Jak sama nazwa sugeruje, do wyboru wszystkich elementów strony HTML używana jest uniwersalny selektor. Jest reprezentowany przez znak gwiazdkowy (*). Na przykład

*
Czcionek: niebieski;
Text-Align: Center;

Selektor elementu

Do wyboru elementów HTML używany jest selektor na podstawie ich nazwisk. Lubię to.

H
Text-Align: lewy;
kolor niebieski;

Selektor identyfikatora

Możesz stylizować elementy HTML na podstawie ich atrybutów identyfikatora. Na przykład następujący element z id = „Head1” jest stylizowany.

#Head1
Text-Align: lewy;
kolor niebieski;

Selektor klas

Selektor klasowy styl elementu HTML na podstawie określonego atrybutu klasy. Aby wybrać element HTML, używamy DOT, a następnie nazwa klasy.

.skrzynka
Text-Align: Center;
kolor czerwony;

Grupowanie selektora

Selektor grupowy służy do wyboru wszystkich tych elementów HTML, które chcemy stylizować w podobny sposób. Na przykład.

H1, H2, P
Text-Align: Center;
kolor czerwony;
czcionek: normalny;

Wniosek

Arkusze stylów kaskadowych, czyli CSS, to język stylizacji, który służy do stylizacji dokumentów napisanych za pomocą języków znaczników, takich jak HTML i XML. Do stylizacji elementów HTML musimy przestrzegać zestawu reguł/składni CSS. Zgodnie z składnią CSS używamy pewnego selektora, aby wybrać określone elementy HTML, a następnie przypisać pewne wartości do właściwości do projektowania tych elementów HTML. W tym samouczku nauczyliśmy się podstawowej składni CSS i jej selektorów, które okazują się bardzo przydatne do stylizacji elementów HTML.