[Resolvido] Box Model

[GuilhermeLeobas 0]

Opa Pessoal do Webstandards, o que seria um Box Model?

[William Bruno 1501]

Box Model é a forma com que modelamos as dimensões, os paddings, bordas e margins de um elemento.

http://www.maujor.com/tutorial/csscaixa.php

 

Procure por modelo caixa tb.

[Rafelles 0]

Killer dá uma olhada nesse link.

 

http://imasters.com.br/artigo/2767/css...delo_de_caixas/

[Carlos Designer 0]

o box model se refere a dimensão dos elementos em relação a sua largura ou altura, margin, padding e border.

 

Sendo que a largura de um elemento é dada por:

 

border-left + padding-left + width + padding-right + border-right.

 

veja na figura:

 

 

A primeira parte é o modelo padrão e a segunda é como o IE5 interpreta o box model (o elemento não cresce com bordas e paddings)

[GuilhermeLeobas 0]

Hum, muito obrigado.

 

Mais uma coisa, o que e a Tag Meta?

Como trabalhar com ela?

[Rafelles 0]

Dá uma olhada nesse link

 

http://www.brunodulcetti.com/blog/2006/10/...sua-pagina.html

[GuilhermeLeobas 0]

Obrigado

 

Como funciona o line-height?

[crawler 1]

Obrigado

 

Como funciona o line-height?

o line-height é o espaçamento da altura da linha em pixels, se você acha que o <br> é alto demais

 

altere esse.

[Paulo de Tarso F. M. 24]

Na verdade, não é só em pixels que você pode definir o line-height. O importante de lembrar é que sempre a altura da linha deverá ser maior do que o tamanho do texto, pois se não, as linhas ficarão grudadas umas às outras.

[GuilhermeLeobas 0]

O que é uma ancora?

 

Como fazer uma ancora?

[William Bruno 1501]

<a href="http://www.google.com">Orkut</a>

..

ou para a mesma página, algo do tipo:

<a href="#topo">Ir para o topo</a>

Algum elemento seu, teria a id="topo", ao clicar no A (elemento de âncora HTML), a página rolaria até ele..

[GuilhermeLeobas 0]

Obrigado, bem explicado

 

o que seria inherit?

[William Bruno 1501]

inherit é valor herdado.

Se por exemplo, o body do documento tem 12px de font-size... você pode declarar algo como:

h1 {

font-size: inherit;

}

 

para forçar que o h1 herde os 12px de fonte do body, que no caso é o ancestral com font-size declarado.

[GuilhermeLeobas 0]

Obrigado, poderia me exclarecer sobre as medidas em css

Ex: Px; Em; %

[William Bruno 1501]

pixel é uma unidade de medida, digamos que "fixa".

12px é 12px e pronto.

em é relativa à ultima unidade de font-size declarada...

se o body do documento tiver 20px de font-size, 1em nesse documento, vai valer 20px.. se fossem 12px, 1 em valeria 12px.

 

% é em relação ao elemento pai tb.. e por isso é relativa.

Não tem muito oq explicar... 50% é 50%.. e isso vai variar de acordo com o elemento..

 

Dê uma olhada:

http://www.maujor.com/index.php

Muitas das tuas perguntas estão respondidas nesse site.

[GuilhermeLeobas 0]

Obrigado, so tem 1 probleminha, eu to lendo o livro do Maujor.....

hehehehe

 

 

Resolvido