estilos em css

• temos o estilo inline , dentro da tag colocamos style=" color:red;" por exemplo
• temos o estilo interno
• no head vc coloca style como uma tag
• dentro voce coloca um seletor uma id ou uma class

seletores

• body p h1 etc
• valos colocar chave e valor
• body{
color:red;
background:blue;
}
• o exemplo acima daria estilo para toda meu documento

como utilizar classes e IDs

• uma classe e mais genérica e um id e mais especifico exemplo de um id na vida real e um lugar no cinema com numero seu cpf ou numero de telefone e uma coisa especifica e uma classe e genérica por exemplo em um grupo de pessoas se vc chamasse as pessoas pelo cpf isso seria especifico e apenas uma pessoa viria porem se voce chamasse todas as mulheres isso seria um exemplo de classe pois haveria mais pessoas que se enquadram nesse requisito
• no contexto de um html usamos o id para formatações especificas e gerais e classes para formatações genéricas

exemplos abaixo de class e id abaixo

tags div e span

servem para fazer as divisões do site.

• Home
• Produtos
• Contato

a div é um elemento do tipo block o span é do tipo inline.

o span e bom para interpolar textos como no exemplo acima com a palavra direitos e o junior e um exemplo de span ja produto 1 e um exemplo de elemento de uma linha inteira ou tipo block

bordas

textos tamanhos

conteudo em %

conteudo

conteudo