CSS3 e Html5 - O que h de novo / parte 1

  • Published on
    26-Jun-2015

  • View
    3.475

  • Download
    1

DESCRIPTION

Nessa apresentao iremos falar um pouco da histria do Html e do CSS e um pouco sobre o que h de novo no Html5 e no CSS3!

Transcript

  • 1. Vamos falar de

2. Html5 + SexyCSS3 + Potente 3. Um pouco da evoluo 4. 1991 Html1994 Html21996 Css1 e JavaScript1.21997 Html41998 - CSS2 5. Surge a W3C2000 XHtml12002 Web Stantard2005 AJAX2009 Html 5 e CSS3 6. html5test.com 7. Quarto Lugar... 8. Terceiro Lugar... 9. Segundo Lugar... 10. Primeiro Lugar... 11. No testado... 12. Xhtml 1 13. CSS3 e Html 5

Imagem do topo
Contedo da pgina
Links e informaes do rodap

14. Html5 e CSS3 15. CSS3 e Html 5 Imagem do topoContedo da pginaLinks e informaes do rodap 16. Tags do Html5 17. Unidade de medida... 18. px por em para defnirtamanho das fontes... 19. html { font-size: 100%; }body { font-size: .68em; }#conteudo h1 { font-size: 1.45em; }#conteudo p { font-size: 1.1em; }#conteudo p strong { font-size: 1.16em; } 20. Clculo feito:11/16 = 0.68A idia que11px igual a0.68em de16px. 21. (valor de referncia) / (valor a ser convertido) = (valor que desejamos) 22. - bordas redondas- sombras- mltiplos backgrounds- novos seletores- transformao 2D e 3D em animaes 23. box 1 / -webkit-transform: translate(3em,0);box 2 / -webkit-transform: rotate(30deg);box 3 / -webkit-transform: translate(-3em,1em);box 4 / -webkit-transform: scale(2); 24. Chrome e Safari = -webkit;Firefox = -moz;Opera = -o;