O que é CSS?

No estilo de uma página da Web está o CSS (Cascading Style Sheets, em português, Folha de Estilos em Cascata). O CSS controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo, posicionamentos e muito mais. Com o CSS é possível criar diversos estilos diferentes para uma mesma estrutura em HTML.

Por que usar CSS?

HTML nunca foi destinado a conter tags para a formatação de uma página da web! CSS é usado para formatar as páginas da web, incluindo o design, layout.

Quando tags como e atributos de cor foram adicionados ao HTML, começou um pesadelo para os desenvolvedores web. Desenvolvimento de grandes sites, onde fontes e cores informações tinham que ser adicionadas a cada página, tornou o processo longo e caro. Para resolver este problema, a World Wide Web Consortium (W3C) criou o CSS.

Seletores CSS

Estrutura de um seletor

A estrutura inclui o seletor, nome da propriedade CSS e um valor.

A propriedade e o valor são separados por dois pontos ":" e são cercados por chaves "{}"

seletor { propriedade: valor; }

Tipos de seletores

elemento - Usa o nome do elemento HTML.

id - Usa o atributo "id" de um elemento HTML para selecionar um elemento específico. O id de um elemento deve ser único dentro de uma página. No css identificamos o tipo id com o caracter "#" (hashtag)

classe - Usa o atributo "class" de um elemento HTML. A mesma classe pode ser utilizada várias vezes na mesma página. No css identificamos o tipo classe com o caracter "." (ponto)

Exemplos:

elemento elemento { propriedade: valor; }

classe .classe-do-elemento { propriedade: valor;}

id #id-do-elemento { propriedade: valor; }