domingo, 5 de maio de 2013
O que é CSS
O Cascading Style Sheets (CSS) é uma "folha de estilo" é utilizada para definir a apresentação (aparência) em páginas da internet que adotam para o seu desenvolvimento linguagens de marcação (como XML, HTML e XHTML).
Benefícios de utilização:
CSS permite que você a formatação do documento WEB. Quem vai determinar cores, formas, tipos e tamanhos, posicionamento e em fim todo o "visual" da página são as CSS.
Inúmeras são as utilidades do uso das CSS nos documentos Web.
- Controle total sobre a apresentação do site a partir de um arquivo central.
- Agilização da manutenção e designer do site.
- Redução do tempo de carga dos documentos Web
- Adequação simplificada aos critérios de acessibilidade.
- Aumento considerável na portabilidade dos documentos Web.
Formas de utilização (externo, embutido, inline)
1- Usar um arquivo CSS externo
Você precisara criar um arquivo de css independente. e em seguida vincular esse arquivo a qualquer pagina da web, onde queira aplicar as regras de estilo. Para incluir esse arquivo externo na sua pagina web , coloque a tag no elemento head da pagina. Exemplo.:
<link rel="stylesheet" type="text/css" href="estilo.css"/>
Você pode colocar as regras de estilo dentro da pagina onde você que o CSS rode. Exemplo.:
<style type="text/css"> dentro do cabeçalho da página (seção head).
3- Usar regras de estilos inline
Utilizar estilos inline Definir estilos para um único elemento usando um atributo STYLE. Exemplo.:
<p style = "color: red" "font-size:9px"></p>
<p style = "color: red" "font-size:9px"></p>
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 (mídia) 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 referencia e nem herda nenhum valor, elas são definidas nos sistemas de medias pela física como centímetros e polegadas.
In: polegadas.
Cm: centímetros.
Mm: milímetros.
Pt: pontos.
Pc: picas.
Porcentagem: 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
