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

810 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
810
No SlideShare
0
A partir de incorporações
0
Número de incorporações
367
Ações
Compartilhamentos
0
Downloads
43
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 Uma folha de estilo é dita inline, quando as regras CSS são declaradas dentro da tag de abertura do elemento HTML com uso do atributo style. da seguinte forma: <p style="color:#000; margin: 5px;"> Aqui um parágrafo de cor preta e com 5px nas 4 margens. </p> 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

×