AgitaGAMES


Bem Vindos ao AgitaGAMES!

Registre-se para obter acesso especial em todo conteúdo presente no Fórum!
Tenha um bom uso do nosso fórum, e seja ativo!






Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Gustavo

1 Lição 9: O box model em Qui 5 Dez 2013 - 18:44

avatar
Membro

Lição 9: O box model


O box model (modelo das caixas) em CSS, descreve os boxes (as caixas) geradas pelos elementos HTML. O box model, detalha ainda, as opções de ajuste de margens, bordas, padding e conteúdo para cada elemento. Abaixo apresentamos um diagrama representando a estrutura de construção do box model:


O box model em CSS





A ilustração acima é teórica. Vamos explicá-la na prática tomando como base um cabeçalho e um texto. O HTML para nosso exemplo (o texto foi retirado da Declaração Universal dos Direitos Humanos e está no original em inglês) é o mostrado abaixo:




<h1>Article 1:</h1>

<p>All human beings are born free
and equal in dignity and rights.
They are endowed with reason and conscience
and should act towards one another in a
spirit of brotherhood</p>



Definindo estilos para cores e fontes o exemplo pode ser apresentado como a seguir:



O exemplo contém dois elementos: <h1> e <p>. O box model para os dois elementos é mostrado a seguir:



Embora possa parecer um pouco complicado, a ilustração mostra como cada um dos elementos é contido em um box (uma caixa). Boxes que podem ser ajustados e controlados via CSS.


Sumário


Nesta lição você foi apresentado ao box model. Nas três lições seguintes iremos detalhar como criar e controlar elementos no box model.








Ver perfil do usuário http://www.zonetoony.net
juan™

2 Re: Lição 9: O box model em Sab 7 Dez 2013 - 8:11

avatar
Administrador
Muito Bom Ira ajudar Muitas pessoas Very Happy





Ja Foi :
Moderador [X]
Gerente [  ]
Admistrador [X]

Minhas Metas :
200 Posts [X]
600 Posts [X]
1000 Posts [X]
2000 Posts [X]
2500 Posts [ ]

Oq Deveria ter Feito Na Epoca : (2011 - 2012)
Fazer T-lord parar De Floodar [ ]
Ter Ficado de Gerente Nao Moderador [ ]
Fazer Ipad E Zero Pararem Tmb De Floodar [ ]
Ver perfil do usuário http://www.zonetoony.net/
avatar
Membro
Eu Acho Desnecessárias essas lições não tem porque..
A Maioria dos Usuários Não Utilizam este Conteúdo Tão Complexo.
Talvez Seja Porque Poucos Gostam de Aprender Isto em vários tópicos
se fosse em um tópico apenas seria mais simples não acha? Neutral 

Ver perfil do usuário
Gustavo

4 Re: Lição 9: O box model em Dom 8 Dez 2013 - 9:30

avatar
Membro
Acho que não. Temos que dar um passo de cada vez, e não tentar absorver tudo de uma vez só.





Ver perfil do usuário http://www.zonetoony.net
Conteúdo patrocinado

5 Re: Lição 9: O box model


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum