Css folha de estilo

C S S - FOLHAS DE ESTILO EM CASCATA

Conceito: CSS (Folha de estilo)


CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para definir a apresentaçã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 de estilo em cascata é um mecanismo simples para adicionar estilos (por exemplo: fontes, cores, espaçamentos) aos documentos web” ( W3C )



Sintaxe da regra CSS seletor { propriedade: valor } h1 { color: green }

Seletor: é o alvo da regra CSS, ou seja, a tag> a qual queremos estilizar. Propriedade: define qual será a caracterí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: letra tipo arial, cor azul, tamanho 14, etc.

Sintaxe da regra CSS


Exemplos:

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

Estrutura de uma 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 ser linkado 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 CSS em HTML


No HTML

Aplicação de CSS em HTML


No CSS

Aplicação de CSS em HTML


Resultado

Primeiro exemplo HTML/CSS


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

 Text-align

 Height