A melhor pizza do mundo é a quadrada com molho de tomate verde.
``` {% endtab %} {% tab title="Resultado" %}  {% endtab %} {% tab title="CSS" %} ```css p { color: green; } ``` {% endtab %} {% tab title="Resultado com CSS" %}  {% endtab %} {% endtabs %} Se compararmos o resultado sem CSS e com CSS podemos observar que na última aba o parágrafo está verde. Agora vamos observar nosso CSS de perto:  Essa estrutura é chamada de **conjunto de regras**. Vamos examinar cada elemento. * **Seletor:** é responsável por selecionar o elemento a ser estilizado, nesse caso o \. Vamos apresentar os tipos de seletores e como eles funcionam na seção "Seletores".
* **Propriedade:** é responsável por escolher qual propriedade do elemento será alterado, nesse caso "color" é responsável pela cor do elemento. Vamos apresentar outras propriedades em "Propriedades mais usadas".
* **Valor da propriedade:** é responsável por apresentar o valor da propriedade, nesse caso escolhemos "green" (verde) e, por isso, nosso parágrafo ficou verde.
* **Declaração:** Uma declaração é composta por uma propriedade e seu respectivo valor. Um comando pode possuir mais de uma declaração.
Outros elementos que valem ser destacados são:
* Cada comando precisa estar dentro de chaves **`{}`**
* A propriedade e o valor da propriedades são separadas por dois pontos **`:`**
* No fim de cada declaração é necessário colocar ponto e virgula **`;`**
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://uclsanca.gitbook.io/learn/web-basico/css/cores.md?ask=