Gramatyka CSS

Gramatyka CSS

Zestaw reguł CSS (rule-set) składa się z selektorów i bloków deklaracji:

Wybory selekcyjne CSS

Selektor wskazuje na element HTML, który ma być ustawiony w stylu.

Blok deklaracji zawiera jedną lub więcej deklaracji oddzielonych średnikami.

Każda deklaracja zawiera nazwę atrybutu CSS i wartość, oddzielone przecinkiem.

Wiele deklaracji CSS jest oddzielonych średnikami, a bloki deklaracji są otoczone nawiasami klamrowymi.

Przykład

W tym przykładzie wszystkie elementy <p> będą wyśrodkowane i będą miały czerwony kolor tekstu:

p {
  color: red;
  text-align: center;
}

Spróbuj sam

Przykład wyjaśnienia

  • p Jest w CSSSelektor（Wskazuje na element HTML, który ma być ustawiony w stylu: <p>）。
  • color Jest atrybutem,red Jest wartością atrybutu
  • text-align Jest atrybutem,center Jest wartością atrybutu

W następnym rozdziale nauczysz się więcej o selektorach CSS i atrybutach CSS.