Css

352 visualizações

Publicada em

Publicada em: Tecnologia
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
352
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
5
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Css

  1. 1. C S S – F o l h a d e E s t i l o e m C a s c a t a P o r Acaz Souza, Bruno Souza e André Souza. Centro Universitário do Leste de Minas Gerais – UnilesteMG Computação Sistemas de Informação Prof(a): Deisymar Botega Tavares
  2. 2. H T M L <ul><li>Desenvolvida e aperfeiçoada até tornar-se tal como atualmente. </li></ul><ul><li>Padrão mundial de apresentação de conteúdo na Web. </li></ul>
  3. 3. H T M L – D U R A N T E A E V O L U Ç Ã O <ul><li>Avalanche de novos aplicativos, facilidades, softwares, hardware etc. </li></ul><ul><li>Carecia de uma maior flexibilidade no sentido de manipular visualmente os conteúdos. </li></ul>
  4. 4. H T M L – D U R A N T E A E V O L U Ç Ã O <ul><li>Assim nasceu a estilização dos conteúdos. </li></ul><ul><li>Novas tags e atributos foram inventados, tais como a tag FONT e o atributo COLOR que permitiam alterar a aparência de textos. </li></ul>
  5. 5. H T M L – D U R A N T E A E V O L U Ç Ã O <ul><li>Passou a exercer dupla função: </li></ul><ul><li>Estruturar o conteúdo. </li></ul><ul><li>Estilizar o conteúdo. </li></ul>
  6. 6. H T M L – P R O B L E M A <ul><li>Documentos web cada vez mais sofisticados e extensos, estavam fugindo do controle de seus criadores. </li></ul>
  7. 7. H T M L – S O L U Ç Ã O <ul><li>Dissociar linguagem de marcação da estilização. </li></ul>
  8. 8. H T M L – R E S U L T A D O <ul><li>O HTML é usado exclusivamente para marcar e estruturar o conteúdo do documento. </li></ul><ul><li>A tarefa de estilização ficará a cargo das CSS que nada mais é do que um arquivo independente do arquivo HTML no qual são declaradas propriedades e valores de estilização para os elementos do HTML. </li></ul>
  9. 9. C S S <ul><li>Desenvolvida em 1996. </li></ul>
  10. 10. C S S – D E S V A N T A G E N S <ul><li>Incompatibilidades entre navegadores. </li></ul><ul><li>Interpretações diferentes entre dispositivos. </li></ul>
  11. 11. C S S – V A N T A G E N S <ul><li>Economia de tempo de criação, manutenção e gerenciamento do layout. </li></ul><ul><li>Desempenho melhorado, podendo chegar até a 70%. </li></ul><ul><li>Recursos sofisticados de maneira fácil. </li></ul><ul><li>Aumento considerável na portabilidade. </li></ul><ul><li>Saída para diferentes tipos de mídia. </li></ul>
  12. 12. C S S – S I N T A X E <ul><li>Composta de três partes: </li></ul><ul><li>Seletor </li></ul><ul><li>Propriedade </li></ul><ul><li>Valor </li></ul>seletor { propriedade : valor }
  13. 13. C S S – S E L E T O R <ul><li>É o elemento HTML identificado por sua TAG ou por uma CLASSE ou por uma ID. </li></ul>seletor { propriedade : valor }
  14. 14. C S S – P R O P R I E D A D E <ul><li>É o tipo de efeito de estilo que o HTML irá receber. </li></ul>seletor { propriedade : valor }
  15. 15. C S S – V A L O R <ul><li>É a característica a ser assumida pela propriedade. </li></ul>seletor { propriedade : valor }
  16. 16. C S S – E X E M P L O body { background-color : #003355 ; font-family : “arial” ; font-weigth : bold }
  17. 17. C S S – E F E I T O C A S C A T A <ul><li>Significa que em regras iguais a ultima prevalece. </li></ul>body { background-color : #003355 } body { background-color : #666666 }
  18. 18. C S S – L I G A R C S S A O H T M L <ul><li>Três maneiras: </li></ul><ul><li>Importadas (lincadas) </li></ul><ul><li>Incorporadas </li></ul><ul><li>inLine </li></ul>
  19. 19. D Ú V I D A S ?

×