Cascade Style Sheets

CSS
Cascade Style Sheets
O que são?
As Cascading Style Sheets (folhas de estilo) foram criadas em 1996 pela World Wide Web Consortium.
Em poucas palavras, são um conjunto de regras de formatação que controlam a aparência de uma ou mais páginas web
Vantagens do uso de CSS
Separar a “camada” de design do conteúdo: a aparência não está relacionada com o conteúdo. Isto permite maior:
Acessibilidade; Usabilidade; SEO …
Melhor interpretação/semântica do documento html. (Acessibilidade; Usabilidade; SEO)
Possibilidade de definir múltiplas aparências, mediante o tipo de device
Diminuição do tráfego/peso da página html (os browsers modernos fazem cache dos arquivos de CSS e JS).
Rapidez na manutenção.
Separação de tarefas
Devantagens… not!!!
Obriga a um maior conhecimento / domínio / disciplina sobre HTML, CSS.
Os diferentes browsers nem sempre implementa a especificação à risca e da mesma forma. A guerra dos browsers.
Maior tempo de desenvolvimento inicial/custo.

Constituição de uma “folha” CSS> Regra
Uma folha de estilos é constituída por uma ou mais regras.
A regra define que estilos/formatações são aplicados a um ou mais elementos HTML.
Uma regra é composta por 2 partes: o selector e um grupo de declarações. A declaração é composta por uma ou mais propriedades e respectivos valores atribuídos.

SELECTOR { DECLARAÇÃO }
Constituição de uma CSS> Regra
Selector
O selector é um “filtro” que permite identificar quais as tags que serão afectadas pela formatação.
O selector, na sua forma mais simples, pode ser: o nome de uma tag class (estilo personalizado, com uma designação criada por nós, que pode ser aplicado a qualquer tag) id (através da identificação do elemento pelo seu ID)
Constituição de uma CSS> Regra
Selector
Os selectores do tipo class ou id devem ser precedido pelo operador css que os identifica:
O selector do tipo class deverá ser precedido pelo operador ponto (.)
O selector do tipo id deverá ser