de uma marcacao...logo mais trarei o exemplo de codigo comentado.Propriedades sao formatacoes do css especificas para os seletores designados, elas tem a funcao de estilizar (ou definir) um elemento selecionado...esta tambem mostrarei comentada no exemplo.Valores e unidades sao responsaveis por de fato agregar mudanca no elemento elas por exemplo definem se havera borda, qual sera a largura, qual o espacamento do elemento selecionado, a cor, o comprimento, cor fundo, estado, animacao, etc...O css possui um mecanismo de propagacao de valor. Para evitar ter que especificar explicitamente todos os valores para todas as propriedades de todos os elementos, as linguagens de folhas de estilo tem mecanismos para propagar os valores automaticamente. O principal beneficio da propagacao de valor e tornar as folhas de estilo menos extensa.Por exemplo. Se no css voce adicionar a tag <h3> como seletor todas as tags <h3> do documento html serao renderizadas com um unico conjunto de regras que voce tenha setado no css como font-family, cor do texto, alinhamento dentro do elemento, etc...As regras de estilo do css podem ser incorporadas no documento html de duas maneiras convencionais (nao entrarei no merito de aplicar regras css com Java ou derivados):Abrindo as tags <style type="text/css"> dentro da tag <head> de cabecalho do html ou entao ainda importando uma folha de estilho. A importacao tambem deve ocorrer dentro da tag <head> mas atraves da tag <link rel="stylesheet" type="text/css" href="nome-da-folha-de-estilo.css">.Note que no exemplo acima coloquei "nome-da-folha-de-estilo.css" mas se a folha estiver em uma pasta no mesmo diretorio (ou acima ou abaixo) deve-se colocar tambem o caminho para ela, feito isto as regras css ja estarao incorporadas ao seu documento html.Abaixo deixo o prometido exemplo, primeiro o fluxograma da sintaxe depois os codigos e a renderizacao por ultimo.Estrutura das regras CSS (basico)Documento html com link para folha css e divs class e idNotem que este e o mesmo documento html de exemplo mais acima a diferenca e que neste agora chamei a folha de estilo css atraves de link dentro da tag <head> assim como adicionei um identificador "class" as linhas <tr> de dentro da tabela e adicionei tambem um identificador "id" ao elemento <a> do link.Os identificadores "class" e "ide" se comportam de maneiras parecidas mas nao iguais...uma explanacao sobre esta diferenca fica para um outro post.Folha de estilo css em destaque os identificadores "class" e "id" !!!Vale ressaltar que na folha de estilo o identificador "class" vem precedido de ponto enquanto "id" de um sustenido e ambos devem trazer o nome que voce da a eles no documento html.As tags comuns do html nao necessitam serem precedidas por nenhum caractere em especial simplesmente seu nome basta.Folha de estilo css (comentada/detalhada)O css possui muitas funcionalidades, hierarquias e heranca entre os elementos como nao e o objetivo deste primeiro post trataremos das minucias do css num futuro proximo ok ;)Hora de mostrar como ficou o layout apos inserirmos estes pequenos codigos em css confere ai o/ !!!Documento html apos alguns trechos de css...e o mesmo que o quadradao la de cima !!!Bom hehehe isto nao foi nenhuma transformacao radical do tipo que