Aula 05
Marcos Devaner
Programação Orientada a Objetos II
Estilização de páginas com Cascading Style Sheets- CSS
O que é o CSS – Cascading Style Sheets
O uso de estilos
Os três tipos de vinculação de folhas de estilo
As folhas de estilo podem ser vinculadas a um documento de três maneiras
d...
Recomendações para incorporar estilos
Utilização do Inline
Use este método excepcionalmente, como quando quiser aplicar
um...
Exemplo prático
1) Crie um arquivo CSS
com nome “meucss”
com as seguintes
propriedades globais:
Defineestiloda
página
Defi...
Exemplo prático
2) Crie um arquivo
HTML e chame o
arquivo CSS
3) Crie um estilo
incorporado
4) Crie um estilo
inline
Atividade
Utilizando HTML 5 aliado ao CSS crie um formulário seguindo o modelo abaixo.
Veja mais propriedades CSS em:
http...
Próximos SlideShares
Carregando em…5
×

Aula 05 - estilização de páginas web com css

709 visualizações

Publicada em

Introdução e aplicação - CSS

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
709
No SlideShare
0
A partir de incorporações
0
Número de incorporações
354
Ações
Compartilhamentos
0
Downloads
32
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 05 - estilização de páginas web com css

  1. 1. Aula 05 Marcos Devaner Programação Orientada a Objetos II Estilização de páginas com Cascading Style Sheets- CSS
  2. 2. O que é o CSS – Cascading Style Sheets
  3. 3. O uso de estilos
  4. 4. Os três tipos de vinculação de folhas de estilo As folhas de estilo podem ser vinculadas a um documento de três maneiras distintas: 1. Importadas ou lincadas As regras CSS estão declaradas em um arquivo separado do arquivo html e que tem a extensão .css . O arquivo pode ser incorporado ao documento html da seguinte forma: <head> <link rel="stylesheet" type="text/css" href=“nomedoarquivo.css"> </head> 3. inline As regras CSS estão declaradas no próprio documento HTML. O arquivo pode ser incorporado ao documento html da seguinte forma: <head> <style> Aqui o código CSS </style> </head> 2. Incorporada ou interna As regras CSS estão declaradas no próprio documento HTML. O arquivo pode ser incorporado ao documento html da seguinte forma: <head> <style> Aqui o código CSS </style> </head>
  5. 5. Recomendações para incorporar estilos Utilização do Inline Use este método excepcionalmente, como quando quiser aplicar um estilo a uma única ocorrência de um elemento. Utilização incorporado Indicado quando se deseja aplicar um estilo ama página específica Utilização externo Indicado quando se deseja aplicar um estilo a várias páginas
  6. 6. Exemplo prático 1) Crie um arquivo CSS com nome “meucss” com as seguintes propriedades globais: Defineestiloda página Defineestiloda DIV
  7. 7. Exemplo prático 2) Crie um arquivo HTML e chame o arquivo CSS 3) Crie um estilo incorporado 4) Crie um estilo inline
  8. 8. Atividade Utilizando HTML 5 aliado ao CSS crie um formulário seguindo o modelo abaixo. Veja mais propriedades CSS em: http://www.w3c.br/divulgacao/guiasreferencia/css2/#mod-seletores

×