Sintaxe CSS

Sintaxe CSS

O conjunto de regras CSS (rule-set) é composto por seletores e bloco de declarações:

Selector CSS

O seletor aponta para o elemento HTML que você deseja estilizar.

O bloco de declarações contém uma ou mais declarações separadas por ponto e vírgula.

Cada declaração contém um nome de atributo CSS e um valor, separados por dois pontos.

Múltiplas declarações CSS são separadas por ponto e vírgula, e os bloco de declarações são delimitados por chaves.

Exemplo

Neste exemplo, todos os elementos <p> serão centralizados e terão cor de texto vermelha：

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

Experimente você mesmo

Explicação de exemplo

  • p é o seletor em CSSSeletor（ele aponta para o elemento HTML que será estilizado: <p>）。
  • color É um atributored É um valor de atributo
  • text-align É um atributocenter É um valor de atributo

No próximo capítulo, você aprenderá mais sobre seletores CSS e atributos CSS.