Dimensão em CSS

As propriedades de dimensão especificam o tamanho dos elementos, tais como largura, altura, alinhamentos, bem como efeitos de sobrescrever, alinhamentos etc. Neste post veja dimensão em CSS.

Abaixo estão listados essas propriedades e a descrição de suas funcionalidades. Veja:

color: Especifica a cor do texto contido no elemento:

body {color: #000000}
a {color: #0000FF}

width: Especifica a largura da área de apresentação do elemento:

div {width: 40%}
img.logo {width: 300px}

height: Especifica a altura da área de apresentação do elemento:

div {height: 40%}
img.logo {height: 300px}

vertical-align: Especifica o alinhamento vertical do conteúdo do elemento:

p {vertical-align: top}
div {vertical-align: middle}
    
/* Os valores possíveis para vertical-align são baseline, middle, sub, super, text-top, text-bottom, top e bottom  */ 

baseline: Alinha as bases inferiores do elemento pai e do elemento atual. É o valor padrão.

middle: Alinha os pontos centrais verticais do elemento pai e do elemento atual.

sub: Aplica o efeito de subscrito ao elemento atual.

super: Aplica o efeito de sobrescrito ao elemento atual.

text-top: Alinha o topo do elemento atual com o topo das fontes utilizadas no elemento pai.

text-bottom: Alinha o rodapé do elemento atual com o rodapé das fontes utilizadas no elemento pai.

top: Alinha o topo do elemento atual com o elemento mais alto contido na linha.

bottom: Alinha o rodapé do elemento atual com o elemento mais baixo contido na linha.

Cores e fundos em CSS

Dúvidas ou sugestões? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits

Tags:

O seu computador está lento, travando ou dando tela azul… e você não faz ideia do que fazer?

Saiba que isso pode estar te fazendo perder dinheiro — seja com manutenção cara ou oportunidades que você está deixando passar.

Com o Super Técnico 2.0, você aprende na prática como diagnosticar defeitos, montar computadores do zero e fazer upgrades que realmente aumentam o desempenho, mesmo que você esteja começando do absoluto zero.

Você pode usar esse conhecimento para:

✔ Resolver seus próprios problemas sem depender de ninguém
✔ Ganhar dinheiro com manutenção e suporte técnico
✔ Ou até entrar de vez no mercado de TI

Tudo com aulas diretas ao ponto, sem enrolação e focadas no que realmente funciona no dia a dia.

👉 CLIQUE AQUI AGORA e veja todos os detalhes antes que essa oportunidade passe:

Super Técnico 2.0

Sobre o Autor

Benedito Silva Júnior
Benedito Silva Júnior

Bacharel em Sistemas de Informação e apaixonado por tecnologias e games do tempo da vovó!

0 Comentários

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *