Noções básicas de CSS2 - Parte 4 Introdução Esta é a parte 4 da minha série, Noções básicas de CSS2. Cada elemento HTML como o DIV, parágrafo e elemento SPAN, reside em uma caixa. Nesta parte da série, nós olhamos características da caixa e recursos relacionados. Nota: Se você não pode ver o código ou se você acha que alguma coisa está faltando (link quebrado, imagem ausente, parte do código em falta), basta contactar-me em [email protected]. Ou seja, contacte-me para o menor problema que você tem sobre o que você está lendo.
O Box O diagrama a seguir mostra a caixa: _______________________________________ | | | margem (transparente) | | _____________________________________ | | | | | | | fronteira | | | | __________________________________ | | | | | | | | | | | preenchimento | | | | | | _______________________________ | | | | | | | | | | | | | | | conteúdo | | | | | | | | _______________________________ | | | | | | | __________________________________ | | | | | ____________________________________ | | | _______________________________________ | | largura do elemento | | largura da caixa | O diagrama acima não está desenhada à escala.
Agora, cada elemento tem uma área de conteúdo do núcleo rodeado de preenchimento opcional, fronteira e área de margem. Assim, alguns elementos podem ter fronteiras, enquanto outros não. Alguns elementos podem ter estofo enquanto outros não. Alguns elementos podem ter margens, enquanto outros não. O conteúdo é o que você vê. Com alguns elementos que você ver a fronteira. A faixa retangular entre o conteúdo ea fronteira é a área de preenchimento. A fronteira em si é também uma faixa retangular. Em torno da fronteira é a margem de distribuição.
Se o elemento tem uma cor de fundo ou imagem, você vê a cor ou imagem na área de preenchimento. Você não pode ver a cor de fundo ou imagem através da porção de conteúdo, a menos que a parte de conteúdo tem peças transparentes. A fronteira (com banda) se presente, normalmente, têm uma cor. A margem de stripe é sempre transparente e você pode ver através dele para ver o fundo (cor ou imagem) do elemento BODY HTML, tudo é igual. A largura do elemento é a largura da área de conteúdo. A altura do elemento é a altura da área de conteúdo.
Você pode usar as propriedades CSS para fazer o preenchimento e /ou de fronteira e /ou margem presente ou ausente para o elemento. Qualquer destas três coisas efectivamente aumenta a largura e altura de elementos. Você pode usar as propriedades CSS pa