Quando você construiu a página utilizando apenas HTMl, você percebeu que alguns elementos são exibidos diferente? Por exemplo, ao utilizar o h1, automaticamente você tem um título com uma fonte grande; ao utilizar uma lista, todos os itens tem uma bolinha de tópico na frente ou um número se for uma lista ordenada. Essas mudanças visuais são as definições básicas de estilo do seu navegador. Para alterá-las, nós usamos outra linguagem chamada Cascading Style Sheets (CSS) ou Folhas de Estilo em Cascata.
Os arquivos CSS são arquivos de texto, produzidos em editores de código fonte, cuja extensão é .css.
A sintaxe do CSS é bastante simples (mas isso não significa que usar CSS seja fácil!)
seletor{
propriedade: valor;
}
O seletor é o que indica em quais elementos da página HTML você aplicará as definições que estão entre { e }. A propriedade é qual característica do elemento que será alterada, por exemplo cor de fundo, fonte, borda, etc. E o valor é como deve ficar a propriedade escolhida: roxo, Arial, etc.