Utilização Inline,
Incorporado e Externo –
CSS
Style Sheet
Professor: Jolvani
Aula 03
Utilização Inline, Incorporado e Externo - CSS


Olá, lembrem-se que em CSS existem seletores, declaração
formado pelas p...
Utilização Inline, Incorporado e Externo - CSS


Vamos eliminar alguns marcadores da aula passada reduzindo para a
tag <p...
Utilização Inline, Incorporado e Externo - CSS


O estilo incorporado permite localizar e fazer as alterações de todas as...
Utilização Inline, Incorporado e Externo - CSS


Outro atributo usado no <style> é media que define o tipo de media que
é...
Utilização Inline, Incorporado e Externo - CSS


Para testar experimente usar media=“tv”... Veja o resultado...



Agora...
Utilização Inline, Incorporado e Externo - CSS



Folhas de estilo importada, vejamos o exemplo...
Próxima Aula: Seletores Simples
Próximos SlideShares
Carregando em…5
×

Aula 03. utilização inline, incorporado e externo

410 visualizações

Publicada em

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
410
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
13
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 03. utilização inline, incorporado e externo

  1. 1. Utilização Inline, Incorporado e Externo – CSS Style Sheet Professor: Jolvani Aula 03
  2. 2. Utilização Inline, Incorporado e Externo - CSS  Olá, lembrem-se que em CSS existem seletores, declaração formado pelas propriedades e valores, regras, conceitos estes que devem ser entendidos da aula passada...  Nesta aula vamos aprender a vincular folhas de estilos a documentos xhtml.  Então vamos criar nossa aula 03... Aula03.html
  3. 3. Utilização Inline, Incorporado e Externo - CSS  Vamos eliminar alguns marcadores da aula passada reduzindo para a tag <p>.  Primeiro, podemos usar css de três formas diferentes: No próprio documento html como é o caso da aula02 e aula03, podendo ser aplicadas direto na tag (<p style=“color:#FF0000”>) ou com style dentro da tag head, contendo todas as marcações, e por fim em um documento aparte, formato .css...  Então, temos marcações inline,  Esse tipo de aplicação dificulta a manutenção dos estilos nos elementos (não aconselhável) isso tira o poder do CSS que possui o controle centralizado da apresentação.  Outras formas são as formas incorporadas era o modo como usávamos anteriormente, e sua vantagem é...
  4. 4. Utilização Inline, Incorporado e Externo - CSS  O estilo incorporado permite localizar e fazer as alterações de todas as marcações css num mesmo lugar. Obrigatório usar atributo type (validar)  Porem usando css direto no documento html torna-o um código “grande” e se tivermos muitas páginas com os mesmo estilo termos que abrir todas as páginas e fazer as alterações em todas elas menos organizado que em um arquivo externo, a terceira forma de criar CSSs.
  5. 5. Utilização Inline, Incorporado e Externo - CSS  Outro atributo usado no <style> é media que define o tipo de media que é usado aquele css, então temos:  screen: monitores  tty: teletipo  tv: dispositivos de televisão, google tv, lumis.com.br (portal)  projection: usado para projetores  hendheld: dispositivos moveis.  print: para impressoras  brille: dispositivos táteis  aural: sintetizadores de voz  all: css que será aplicado para todos os dispositivos (podendo ser acessados por todos os dispositivos.
  6. 6. Utilização Inline, Incorporado e Externo - CSS  Para testar experimente usar media=“tv”... Veja o resultado...  Agora vamos aos estilos externos recomendação da W3C  É um arquivo fora do html, com extensão .css vinculado ao arquivo html.  Então vamos criar outro diretório (css) e criar um arquivo css dentro dele.  Copiamos a regra do html e colamos no css sem as marcações <style>  Adicionamos, no arquivo html, um link ao css...  Chamamos de Folhas de estilo linkada. Temos outra forma...
  7. 7. Utilização Inline, Incorporado e Externo - CSS  Folhas de estilo importada, vejamos o exemplo...
  8. 8. Próxima Aula: Seletores Simples

×