# Terminologia

## Seletores

Os **seletores** são os padrões utilizados para designar elementos da DOM a serem estilizados pelas propriedades definidas.

```css
.minha-classe {
  // ...
}

#meu-id {
  // ...
}

input[type='text'] {
  // ...
}
```

## Propriedades

**Propriedades** são pares chave-valor que aplicam determinado estilo aos elementos selecionados.

```css
.algum-seletor {
  margin: 10px;
  color: blue;
}
```

## Regra

Uma **regra** é o nome dado a um seletor ou grupo de seletores acompanhados por um grupo de propriedades.

```css
.coffe {
  color: red;
  font-size: 10px;
}
```

{% hint style="danger" %}
**ATENÇÃO**

Se você acha que ainda não está preparado (a) para continuar, recomendamos que dê uma olhada nos seguintes links antes de prosseguir.

* [Entendendo o DOM (Document Object Model)](https://tableless.com.br/entendendo-o-dom-document-object-model/)
* [CSS Reference](https://www.w3schools.com/cssref/default.asp)
* [CSS Selector Test](https://www.w3schools.com/cssref/trysel.asp)
  {% endhint %}
