Apontamentos css

04-11-2011

MÓDULO 5 GESTÃO DE CONTEÚDOS PARTILHADOS
Folhas de estilo em cascata CSS (1)

INTRODUÇÃO

CONTEÚDOS
CSS
• • • • • • • • • • • • • Introdução Definir CSS Definição dos estilos Selectores de classes Fundo de um elemento Formatação do texto Limites Margens Espaçamentos Listas Dimensionar elementos Alinhamentos Mudar a cor dos links

CSS

1

04-11-2011

INTRODUÇÃO

CONTEÚDOS
CSS
• • • • • • • • • • • • • Introdução Definir CSS Definição dos estilos Selectores de classes Fundo de um elemento Formatação do texto Limites Margens Espaçamentos Listas Dimensionar elementos Alinhamentos Mudar a cor dos links

CSS

INTRODUÇÃO

CSS – CASCADING STYLE SHEET
O que são folhas de estilo?

• Definem a aparência e a formatação do conteúdo de uma página web • Uma folha de estilo é composta por regras de formatação que informam o browser como vai ser visualizada a informação • Facilitam a remodelação dos documentos Não é necessário alterar os conteúdos • A mesma CSS pode ser usada em várias páginas, ou vários sites
CSS

2

04-11-2011

DEFINIR CSS

CONTEÚDOS
CSS
• • • • • • • • • • • • • Introdução Definir CSS Definição dos estilos Selectores de classes Fundo de um elemento Formatação do texto Limites Margens Espaçamentos Listas Dimensionar elementos Alinhamentos Mudar a cor dos links

CSS

DEFINIR CSS

CSS
Como aplicar CSS a documentos HTML?

• As CSS podem ser criadas de 2 formas diferentes:
Internas ao documento HTML Externas ao documento HTML

CSS

3

04-11-2011

DEFINIR CSS

APLICAR ESTILOS EXTERNOS
Aplicar estilos de forma externa ao documento

• Neste caso, existem 2 documentos:
1º - são criados os estilos – Ficheiro com extensão .css 2º - são criados os documentos HTML – neste, vamos CHAMAR o documento .css

Ficheiro: Nome.css

Ficheiro: Nome.html

CSS

DEFINIR CSS

APLICAR ESTILOS EXTERNOS
Aplicar estilos de forma externa ao documento

• Como chamar o ficheiro .css no documento HTML?