Conectar-se

Esqueci minha senha

Últimos assuntos
» O codigo para assistir futebol ao vivo
Sex Fev 27, 2015 11:39 pm por nicolasmendes

» Site só de Pulblicidade
Sab Ago 18, 2012 3:13 pm por streamjei

» Código para configurar botão de fechar!
Sab Ago 18, 2012 12:04 pm por Pika_mestre

» Novo Tipo de Portal
Qua Mar 21, 2012 10:21 am por OrigamiLouco

» (TUTORIAL) Como adicionar um livro de visitas para o seu site!!
Seg Mar 19, 2012 8:24 pm por Admin

» (TUTORIAL) Como criar um formulário de contato!!
Seg Mar 19, 2012 8:08 pm por Admin

» (TUTORIAL) Adicionar twitter!!
Seg Mar 19, 2012 7:45 pm por Admin

» Regras para postar os sites!!
Seg Mar 19, 2012 9:14 am por Admin

» Faça downloads mais rapidos e em links diretos não espere para baixar!
Seg Mar 19, 2012 8:55 am por Admin

Flux RSS


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 


Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Os membros mais ativos do mês

Mundo da Comédia

Sex Fev 24, 2012 2:27 pm por mundo-da-comedia

Quer rir um pouco?
Entao entre http://www.mundodacomedia.com
Onde vc encontra tirinhas piadas imagens e videos engraçadas e muito mais
Aproveitem

Comentários: 0

Conheça Cuba

Ter Jan 31, 2012 5:19 am por Arfisil

Venha conhecer Cuba Espero que gostem




aqui


http://www.box.com/s/zt8ssxzuvxfob7p3uqxb

Comentários: 0

Boas Vindas

Dom Jan 22, 2012 2:30 pm por OrigamiLouco

Olá,

Seja muito bem vindo(a) ao nosso fórum, Aproveite e chame seus amigos , se eles estiverem com duvidas em relação a sites ou blogs , aqui é o lugar certo para ele(a), aqui ele(a) pode tirar a Duvida na mesma hora pois todas as duvidas são respondidas no mesmo dia!


Muito Obrigado Por sua atenção e até Breve!


Comentários: 0

Apresentações importantes

Sab Jan 21, 2012 3:25 pm por Buscaweb

Olá pessoal,

Sou o "Buscaweb", dono do website:http://buscaweb.k6.com.br e venho para ajuda-los!
Qualquer dúvida estarei aqui!
Lembro que devemos tomar cuidado com a lei anti-pirataria dos Estados Unidos da América e remover conteúdo copiado dos nossos sites.

Abraço a todos, Very Happy

Comentários: 0

Vila do Carregado

Sex Jan 20, 2012 8:41 am por Arfisil



Comentários: 1

Minha apresentação

Qua Jan 18, 2012 6:37 pm por Arfisil

Olá chamo-me Arlindo e venho fazer a minha apresentação espero divertir-me neste forum, e logo abaixo o video dos monumentos de Portugual,vejam:

Comentários: 1

Os membros mais ativos da semana

Social bookmarking

Social bookmarking digg  Social bookmarking delicious  Social bookmarking reddit  Social bookmarking stumbleupon  Social bookmarking slashdot  Social bookmarking yahoo  Social bookmarking google  Social bookmarking blogmarks  Social bookmarking live      

Conservar e compartilhar o endereço de Dicas para site ou Blog! em seu site de social bookmarking

Quem está conectado
3 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 3 Visitantes

Nenhum

O recorde de usuários online foi de 12 em Sex Nov 09, 2018 11:36 pm
Janeiro 2019
DomSegTerQuaQuiSexSab
  12345
6789101112
13141516171819
20212223242526
2728293031  

Calendário Calendário

Parceiros
Fórum grátis


Medidas CSS

Ir em baixo

Medidas CSS

Mensagem  Admin em Sab Jan 14, 2012 1:31 pm

Introdução

Unidades de medida de comprimento CSS

As unidades de medida de comprimento CSS referem-se a medidas na horizontal ou na vertical (e em sentido mais amplo, em qualquer direção).

O formato para declarar o valor de uma unidade de medida CSS é um número com ou sem ponto decimal imediatamente precedido do sinal '+' (mais) ou do sinal '-' (menos), sendo o sinal '+' (mais) o valor "default" e imediatamente seguido por uma unidade identificadora (medida CSS válida - p.ex., px, em, deg, etc...). A unidade identificadora é opcional quando se declara um valor '0' (zero).

Algumas das propriedades CSS permitem que sejam declarados valores negativos para unidades de medida. A adoção de valores negativos podem complicar a formatação do elemento e devem ser usados com cautela. Se valores negativos não forem suportados pela aplicação de usuário, eles serão convertidos para o valor mais próximo suportado (e isso pode tornar-se desastroso para um layout).

Unidades de medida de comprimento CSS válidas.

São dois os tipos de unidade de medida de comprimento CSS:

UNIDADE RELATIVA.

em
ex
px - pixel
% - percentagem

as unidades relativas são referenciadas a outras unidades como veremos a seguir.

UNIDADE ABSOLUTA.


pt - point :1/72 in;
pc - pica :12 points ou 1/6 in;
mm - milímetro :1/10 cm;
cm - centímetro :1/100 m;
in - polegada :2,54 cm;

Unidade relativa- é aquela tomada em relação a uma outra medida. Folhas de Estilo em Cascata que usam unidades de comprimento relativas são mais apropriadas para ajustes de uso em diferentes tipos de mídia. (p. ex., de uma tela de monitor para uma impressora laser).

O valor é tomado em relação:

em: ...ao tamanho da fonte ('font-size') herdada;
ex: ...a altura da letra x (xis) da fonte herdada;
px: ...ao dispositivo (midia) de exibição;
%: ... a uma medida previamente definida.

Unidade absoluta - é aquela que não esta referenciada a qualquer outra unidade e nem é herdada. São unidades de medida de comprimento definidas nos sistemas de medidas pela física e em fim são os conhecidos "centímetros, polegadas etc...). São indicadas para serem usadas quando as mídias de exibição são perfeitamente conhecidas.

Abaixo exemplos ilustrativos do uso destas medidas de comprimento CSS:

div { margin: 1.5em; }
h4 { margin: 2ex; }
p { font-size: 14px; }
.classe { padding: 90%; }
hr { width: 14pt; }
h1 { margin: 1pc; }
h2 { font-size: 4mm; }
p.classe { padding: 0.3cm; }
h5.classe { padding: 0.5in; }

Nota: Relembro que uma regra CSS tem a seguinte sintaxe

seletor {propriedade: valor;}

Entendendo as unidades de medida CSS.

Vamos a seguir definir e analisar cada uma das unidades de medida CSS e apresentar exemplos práticos.

A unidade de medida - pixel

A unidade de medida de comprimento pixel é relativa a resolução do dispositivo de exibição (p.ex: a tela de um monitor).

Sem entrar em maiores considerações teóricas a mais simplista definição de pixel que encontrei é esta:

Pixel é o menor elemento em um dispositivo de exibição, ao qual é possivel atribuir-se uma cor.

Considere um dispositivo de exibição construido com uma densidade de 90 dpi (dpi = dots per inch = pontos por polegada). Por definição, a referência padrão para pixel é igual a um ponto no citado dispositivo. Daí pode-se concluir que 1 pixel naquele dispositivo de exibição é igual a 1/90 inch = 0,28 mm.

Para uma densidade de 300 dpi 1 pixel é igual a 1/300 inch = 0,085mm

Assim, pixel é uma medida relativa a resolução do dispositivo de exibição.

A unidade de medida - em

A unidade de medida de comprimento em referencia-se ao tamanho da fonte (letra) do seletor onde for declarada. Quando em for declarada para a propriedade font-size referencia-se ao tamanho da fonte (letra) do elemento pai. Quando em for declarada para o elemento raiz do documento (p. ex: <html> em documentos html) referencia-se ao valor inicial (default) do tamanho de fonte (letra).

Os exemplos abaixo esclarecem as definições:
h1 { line-height: 1.2em }

line-height de <h1> será 20% maior do que o tamanho das letras de <h1>
h1 { font-size: 1.2em }

font-size de <h1> será 20% maior do que o tamanho das letras herdado por <h1> p.ex.: se h1 estiver contido numa div com font-size=10px então font-size de h1 = 12px

A unidade de medida - ex

A unidade de medida de comprimento ex é igual a altura da letra x(xis) minúscula).

A unidade de medida - percentagem, %

Valores em percentagem são relativos a um outro valor anterior declarado. Este valor anterior há que estar bem definido e em geral esta definição está em uma determinada propriedade do mesmo elemento, na propriedade do elemento "pai" (por exemplo: uma medida CSS de comprimento) ou mesmo no contexto geral da formatação (por exemplo: a largura do bloco de conteúdo).
p { font-size: 10px }
p { line-height: 120% }/*120% de'font-size'=12px*/[b]
avatar
Admin
Admin

Mensagens : 81
Data de inscrição : 07/01/2012
Localização : Brasilia

http://juliasilva.no.comunidades.net

Voltar ao Topo Ir em baixo

Voltar ao Topo

- Tópicos similares

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