Grid CSS Blueprint - Framework de layout responsivo em
•
0 gefällt mir•368 views
O documento descreve o framework CSS Blueprint, incluindo sua estrutura de grade de 950px com 24 colunas de 30px e margens laterais de 10px. Ele também discute como instalar e usar o Blueprint através de links CSS e classes como .span-16 para criar colunas, e lista recursos adicionais como formulários e tipografia.
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Grid CSS Blueprint - Framework de layout responsivo em
Ähnlich wie Grid CSS Blueprint - Framework de layout responsivo em (20)
Mehr von Luiz Faias Junior
Mehr von Luiz Faias Junior (12)
Grid CSS Blueprint - Framework de layout responsivo em
- 1. spend your time innovating, not replicating
- 2. o que é? Framework CSS Grid fácil de usar Está no GitHub
- 3. quem usa?
- 7. como funciona? 950px 24 colunas com 30px 10px de margem à direita
- 12. append
- 13. prepend
- 14. instalação blueprintcss.org
- 15. instalação
- 16. utilização <link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print" /> <!--[if lt IE 8]> <link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection" /> <![endif] -->
- 17. utilização <body> <div class="container"> <div class="span-16"> <p>Column 1</p> </div> <div class="span-8 last"> <p>Column 2</p> </div> </div> </body>
- 18. formulários
- 19. formulários
- 20. formulários
- 21. formulários
- 22. tipografia
- 23. tipografia
- 24. e muito mais...
- 25. referências
- 27. obrigado!