Visão Geral CSS

O que é CSS – benefícios de utilização

CSS é Style Sheets que significa Folhas de Estilo. CSS é mais um forma de aperfeiçoar seus documentos.

Ele nos ajudam em:

Economizar tempo e diminuir o tamanho do código na página.

Sua página irá carregar mais rapidamente.

Mais facilidade na manutenção do código e do layout.

Formas de utilização (externo, embutido, inline)

Externo : as regras CSS ficam em um arquivo separado, a página HTML faz um link para esse arquivo CSS, dessa forma você pode atingir quantas páginas quiser no seu web site.

Imbutido: as regras CSS ficam no cabeçado do documento HTML,  as modificações do CSS afetam somente a página atual.

Inline: as regras Css são especificadas dentro de uma tag HTML, essa forma de css afeta somente a tag atual.

Sintaxe

Comentário: Para fazer um comentário basta começar com “/*” e terminar com ”*/”, o navegador ingnora oque está comentado.

Regras: A regra CSS é uma declaração que segue um sintaxe, que define como será aplicado o estilo na página HTML, a sintaxe CSS se divide em três partes, seletor, propriedade e valor, como é mostrado no exemplo abaixo:

Seletor{ propriedade:valor;}

Unidades

Relativas (px, em, ex): é tomada em relação a outra medida. Folhas de Estilo em Cascata, usam esse tipo de medida para diferentes tipos de mídia.

Px : dispositivo (midia) de exibição.

Em: tamanho de fonte(font-size)herdada.

Ex: altura da letra x(xis) da fonte herdada.

Absolutas(in, cm, mm, pt, pc): é medida de comprimento que não refenrencia e nem herda nenhum valor, elas são definidas nos sitemas de medias pela fisica como centímetros e polegadas.

In: polegadas.

Cm: centímetros.

Mm: milímetros.

Pt: pontos.

Pc: picas.

Porcetagem: esse tipo de valor é relativo a um outro valor anterior declarado. O valor anterior que já esta definido, está em uma determinada propriedade do mesmo elemento.