CSS ou Folha de Estilos em Cascata e uma linguagem de estilizacao de documentos Web. Com o CSS, por exemplo, e possivel colocar como fundo de um elemento HTML, uma imagem, uma cor ou um gradiente.A sintaxe do CSSUma declaracao CSS e denominada regra. Um conjunto de regras aplicadas a um mesmo elemento recebe o nome de classe. Um conjunto de classes e regras CSS recebe o nome de folha de estilos.A sintaxe do CSS e composta de um seletor (identificacao do(s) elementos que serao estilizados), seguido das propriedades CSS e seus respectivos valores entre chaves.Exemplo:Seletor{ Propriedade CSS: Valor }Se houver mais de uma propriedade CSS formando uma regra, devemos separa-las usando ponto e virgula (;).Exemplo:Seletor{ Propriedade CSS 1: Valor; Propriedade CSS 2: Valor; }A utilizacao do ponto e virgula apos o valor do ultimo elemento de uma regra CSS e facultativo.Para facilitar a interpretacao futura de uma folha de estilos, e recomendavel que as regras CSS sejam desenvolvidas em forma de cascata, como no exemplo abaixo.Exemplo:Seletor{ Propriedade CSS 1: Valor; Propriedade CSS 2: Valor; Propriedade CSS 3: Valor; Propriedade CSS 4: Valor; Propriedade CSS 5: Valor; }Seletor{ Propriedade CSS 1: Valor; Propriedade CSS 2: Valor; Propriedade CSS 3: Valor; Propriedade CSS 4: Valor; Propriedade CSS 5: Valor; }Se em uma mesma regra CSS seja necessario o uso de multiplos seletores, os mesmos devem ser separados por virgula.Exemplo:Seletor 1, Seletor 2, Seletor 3{ Propriedade CSS 1: Valor; Propriedade CSS 2: Valor; Propriedade CSS 3: Valor; Propriedade CSS 4: Valor; Propriedade CSS 5: Valor; }SeletoresUm seletor indica ao browser a quais elementos da pagina HTML ele deve aplicar as propriedades CSS utilizadas na construcao de uma regra.Normalmente o valor de um seletor e o proprio nome da tag HTML.Exemplo:a{ Propriedade CSS 1: Valor; Propriedade CSS 2: Valor; }Tomando por base o exemplo acima, se for utilizada somente "a" como seletor, todos os links da pagina seriam estilizados da mesma forma.Para resolver este problema, o CSS nos possibilita, atraves dos seletores, tracar um caminho pelo codigo HTML e estilizar somente uma tag ou elemento especifico.Observe o codigo HTML abaixo:<div> <a href="#">Meu Link</a> </div> <a href="#">Meu Link</a>Analisando o codigo HTML acima podemos observar que temos dois links, o primeiro dentro de uma divisao (div) e um segundo fora da divisao. Utilizando o exemplo de regra CSS acima para estilizar o nossos links, todos seriam afetados pela regra, mas se quisermos aplicar a regra CSS somente ao link que esta dentro da div basta informarmos o caminho que o CSS deve percorrer ate chegar a tag que desejamos estilizar.Observe o exemplo:div a{ Propriedade CSS 1: Valor; Propriedade CSS 2: Valor; }Preste a atencao no seletor que foi declarado, ele representa o caminho ate chegar ao link que esta dentro da divisao. Portanto dessa forma o link que esta fora da divisao nao sera estilizado pela regra acima.Mesmo com a possibilidade de declarar o caminho de um elemento atraves do seletor, pode ocorrer o imprevisto de que possua dois caminhos iguais no codigo HTML.Exemplo:<div> <a href="#">Meu Link</a> </div> <div> <a href="#">Meu Link</a> </div> Se a intencao e