Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Uma duvida/ curiosidade

no "background-size : 20px 20px" (exite um padrão a ser seguido? ex: o primeiro parâmetro (no caso o 20px) sempre será largura e o segundo (tbm nesse caso 20 px) altura?) Por quer ele definiu 20px largura e 20px altura? Por curiosidade, puis a largula em porcentagem que usamos em varios casos e os traços ficam praticamente todos na vertical. PORQUE ISSO ACONTECE? como faço para entender melhor isso? :) Não sei se a dúvida ficou mt clara, mas gostaria de entender melhor, se alguém puder me ajudar.Aguardo.

6 respostas

Oi,

No background-size você especificar usando width(largura) e height(altura), você pode fornecer um ou dois valores:

Se apenas um valor for fornecido, ele valerá para a width e height será auto (automático).

Se dois valores forem fornecidos, o primeiro corresponde a width e o segundo a height.

Se quiser aprender mais sobre esses estilos continue vendo o curso e dá uma olhada na documentação da mozilla quando quiser saber mais.

Esse link por exemplo é para saber mais sobre background-size https://developer.mozilla.org/pt-BR/docs/Web/CSS/background-size

solução!

Fala aí Lurian, tudo bem? Bom, vamos la:

Basicamente com a propriedade background-size é possível definir as dimensões do mesmo, ou seja, sua height (altura) e width (largura):

background-size: LARGURA ALTURA;

Imagine que você tem uma div, com um background definido, mas, quer que o fundo complete apenas metade da div, você poderia fazer o seguinte:

background-size: 50% 100%;

Aqui estamos dizendo:

Olha backgrond, ocupe 50% de largura (metade) e 100% de altura (tudo).

O mesmo pode ser informado com outras medidas do CSS, por exemplo: px.

Espero ter ajudado.

Lurian, é isso mesmo que você mencionou: O primeiro valor refere-se a largura e o segundo altura. Com relação ao porcentagem, ela é dinâmica, diferente do px, que é estático. Ou seja, vai sempre ocupando o espaço proporcionalmente ao valor definido. No seu exemplo 20% do total.

oI Lurian pra que funcione esse fundo listrado, o fundo precisa ter mais ou menos esse tamanho, esse fundo é composto de pequenos traços que nessa regra se alinham na diagonal, se você clicar com o botão direito em cima da seção trabalhos e ir em inspecionar lá nas regras (Styles) você pode ficar aumentando e diminuindo esse valor e vendo o resultado em tempo real no navegador, E perceberá que no valor mais baixo ficará pequenos pontos na horizontal.

Espero ter ajudado e bons estudos.

Todos ajudaram bastante, muito obrigada!!! Bem esclarecedor. ;)

Mágina Lurian, sempre que precisar não deixe de criar suas dúvidas.

Abraços