Css folha de estilo

Disponível somente no TrabalhosFeitos
  • Páginas : 2 (258 palavras )
  • Download(s) : 0
  • Publicado : 26 de setembro de 2012
Ler documento completo
Amostra do texto
C S S - FOLHAS DE ESTILO EM CASCATA


Conceito: CSS (Folha de estilo)


CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para definir aapresentação de documentos escritos em uma linguagem de marcação. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento.
“Folha deestilo em cascata é um mecanismo simples para adicionar estilos (por exemplo: fontes, cores, espaçamentos) aos documentos web” ( W3C )



Sintaxe da regra CSSseletor { propriedade: valor } h1 { color: green }


Seletor: é o alvo da regra CSS, ou seja, a tag> a qual queremos estilizar. Propriedade: define qual será acaracterística da tag a ser estilizada, por exemplo: a fonte, a cor, o tamanho, etc...). Valor: é a característica específica a ser assumida pela propriedade, por exemplo: letratipo arial, cor azul, tamanho 14, etc.

Sintaxe da regra CSS


Exemplos:

body { background:#EEE; } h1 { font-size:24px; text-align:center; }

Estrutura deuma CSS


Uma folha de estilo é um arquivo que pode ser gerado em qualquer editor de texto, e salvo com extensão .css, contendo regras de estilo e que pode serlinkado a um ou vários documentos HTML. O arquivo é linkado ao documento HTML com uso da tag colocada dentro da seção head do documento.





Aplicação de CSSem HTML


No HTML

Aplicação de CSS em HTML


No CSS

Aplicação de CSS em HTML


Resultado

Primeiro exemplo HTML/CSS


Vamos aplicar nonosso modelo HTML as seguintes propriedades CSS:
 Color  Background  Font-size  Font-family  Border  Margin  Padding  Width

 Text-align

 Height

tracking img