teste

Programação para Internet
Introdução ao CSS

LOGO

CSS

É a abreviação do termo em inglês
Cascading Style Sheet traduzido para o português como Folhas de
Estilo em Cascata.

LOGO

Finalidade do CSS

Retirar do HTML toda e qualquer declaração (desnecessária), relativa a formatação ou apresentação do documento. Desta forma o HTML fica responsável pela marcação semântica do documento e o CSS pela forma que este documento é apresentado.

LOGO

Vantagens do CSS

Controle Total sobre a apresentação do site;
Agilidade na manutenção e redesign;
Saída para diferentes tipos de mídias a partir de uma única página HTML;
Redução do tempo de carregamento das páginas

LOGO

Sintaxe Básica

Para colorir o fundo de uma página utilizando HTML:

Com o CSS o mesmo resultado pode ser obtida por: body{ background-color:
#F4F4F4;}

LOGO

Anatomia de uma regra
CSS

Seletor { propriedade: valor;}
Declaração

LOGO

Anatomia de uma regra
CSS

Seletor: Alvo da regra CSS. Elemento ou grupo de elementos que receberão os estilos definidos na regra;
Declaração: Parâmetros de estilização
Propriedade: Define qual será a característica do seletor a ser estilizada;
Valor: É a qualificação da propriedade.

LOGO

Anatomia de uma regra
CSS
Seletor

body { background-color: #F4F4F4;
}

Propriedade

Valor

LOGO

Formas de Aplicar o CSS

Método Incorporado (elemento
Style)
Neste método o
CSS
fica incorporado na página entre os elementos de cabeçalho e

LOGO

Método Incorporado

Página com CSS

h1{ color: #261168;
}

TreinaWeb Cursos

LOGO

Método Externo

As descrições CSS ficam em um arquivo externo com extensão .css
Basta colocar um link no arquivo HTML para o arquivo .css
Deve ser inserida entre as tags

Programação para Internet

Arquivo HTML

Método Externo h1{ color: #9400D3;
}

Arquivo CSS

Mais atributos h1{ color: #ffffff;