IntroductionI escreveu um artigo chamado uma vez, página web design para todas as resoluções. Nesse artigo, enfatizou a utilização da unidade de percentagem CSS sempre que possível, em vez de outras unidades como o pixel. Esta referência é um acompanhamento sobre isso. A unidade de percentagem para uma propriedade CSS é dada com respeito a alguma outra propriedade CSS. Eu dar-lhe tudo o que relacionamento neste artigo.
Então, como você pretende projetar a sua página web para todas as resoluções de tela de computador, você só vêm aqui para conhecer o significado do valor percentual, você tem que dar (se você ainda não sabe). Nota: seu navegador pode não implementar todas as relações indicados abaixo. Além disso, muitas propriedades CSS não usam medições (não use percentual, pixel, etc.) A lista não é tão longo como você poderia pensar. Nota: Um bloco que contém é um elemento que contém. Esta referência é baseado em CSS2, que é a versão mais recente do CSS, today.
Note: Se você não pode ver o código ou se você acha que alguma coisa está faltando (link quebrado, imagem ausente), apenas contacte-me em [email protected]. Ou seja, contacte-me para o menor problema que você tem sobre o que você está reading.100% O valor (propriedade) que o valor percentual (propriedade) em questão refere-se, é de 100%. Isto significa que o valor em causa é uma fracção do valor que se refere ao (medido em relação a).
Elementos CSS BoxMost HTML estão sob a forma de uma caixa, com uma faixa rectangular de preenchimento em torno dele, em seguida, uma listra contorno rectangular em torno dele e uma faixa rectangular margem em torno dele. O espaço sem espaçamento, borda e margem é a área de conteúdo. Esta área de conteúdo tem largura (horizontal) e altura (vertical). padding-widthConsider um elemento dentro de um bloco contendo. O padding-largura do elemento é dado em relação à largura da área de conteúdo das contendo block.border-widthAs de CSS2, você não pode dar a largura da borda em percentagem.
Você pode dá-lo em pixels.margin-widthConsider um elemento dentro de um bloco contendo. A margem de largura do elemento é dada com relação à largura da área de conteúdo do block.DimensionswidthConsider contendo um elemento dentro de um bloco que contém. A largura do elemento é dada com relação à largura da área de conteúdo do block.heightConsider contendo um elemento dentro de um bloco que contém. A altura do elemento é dado com relação à altura da área de conteúdo das block.
Positi