No exemplo do vídeo quando se cria uma nova pagina do Css , por que se usa "{}"?

Olá Douglas, tudo bem?

Os símbolos {} são utilizados para definir a abertura e fechamento de um bloco e tudo que está compreendido dentro do bloco terá a função de aplicar estilizações em um determinado elemento.

Sendo assim, podemos interpretar o exemplo do vídeo da seguinte maneira:

p { 
text-align: center; 
}

• p é o elemento HTML que será estilizado.
• { é a abertura do bloco.
• text-align:center; é a estilização do p, ou seja, nós estamos declarando que o conteúdo do p deverá estar centralizado horizontalmente.
• } é o fechamento do bloco.

Espero ter ajudado, nas próximas aulas o instrutor dará vários outros exemplos de como estilizar no CSS e explicará em mais detalhes os componentes.

Qualquer dúvida fique a vontade para perguntar. Bons estudos!

Quando a gente cria um arquivo CSS, é diferente do arquivo HTML. O CSS segue a sintaxe que a Beatriz explicou acima. Em HTML usamos tags. HTML é uma linguagem de marcação de hipertexto, e tem como principal função marcar e definir a estrutura de uma página na web. As tags são usadas para informar ao navegador a estrutura do site. Quando usamos a tag style dentro do HTML, usamos a mesma lógica que a Beatriz explicou, dentro da tag, por exemplo, <style="font-size: 20px">. Percebe que o que colocamos dentro das aspas, segue a mesma sintaxe do arquivo CSS separado? Quando criamos o arquivo CSS separadamente para dar estilo ao HTML, seguimos a mesma lógica/sintaxe que colocamos dentro da tag style.