Como usar imagens de fundo no CSSExistem várias maneiras diferentes de usar imagens de fundo. Você pode amarrá-los, torná-los grandes, alinhá-los verticalmente ou até torná-los cheios. Aqui estão algumas dicas. Continue lendo para descobrir como usar essas imagens para sua vantagem! Bem, também analise várias maneiras de organizá -los. Afinal, eles são a espinha dorsal do seu site. E como sempre, lembre -se de que uma imagem de fundo pode fazer ou quebrar seu site.Imagens de fundo podem ser ladrilhosImagens de fundo são usadas para muitos propósitos. Eles podem ser imagens grandes ou pequenas usadas para personalizar a aparência do seu site. Essas imagens são aplicadas como plano de fundo para um elemento em uma página da Web com a propriedade de imagem em segundo plano. As propriedades do CSS para essas imagens incluem posição, repetição, tamanho e anexo. Essas imagens podem ser usadas para cobrir páginas inteiras ou elementos individuais. Aqui estão alguns exemplos. Você também pode amarrá -los horizontalmente ou verticalmente.Ao usar uma imagem de fundo para ladrilhos, as bordas de cada imagem precisam ser alinhadas corretamente. Pode ser complicado projetar um fundo de azulejos, mas é possível. A imagem abaixo parece que pode ser usada como fundo de azulejos, mas uma inspeção mais próxima mostra que existem costuras entre as imagens. Ao escolher imagens em segundo plano, verifique se a imagem é gratuita para reutilização. As imagens de fundo podem ser baixadas gratuitamente em sites como o Flickr.Eles podem ser alinhados verticalmenteA propriedade de margem no CSS pode ser usada para alinhar uma imagem em uma div. No entanto, essa propriedade não é aplicável a elementos como a célula de tabela. A propriedade Flex-Basis define o tamanho inicial da imagem. A propriedade do tamanho da fonte é usada para definir o tamanho da fonte. O preenchimento da esquerda controla a quantidade de preenchimento que aparece no lado esquerdo da página. Se a imagem for mais alta que a div, a propriedade da margem não terá efeito.O valor percentual funciona de maneira diferente de outras propriedades. Um deslocamento de 0% move a imagem de fundo para a esquerda 50% do seu contêiner. Um deslocamento de 50% alinha a imagem com os contêineres de 50%. Um deslocamento de 100% alinhará a imagem inteira aos contêineres com a direita de 50% do caminho. E assim por diante. Para alinhar uma imagem verticalmente, você pode usar um dos seguintes valores:Eles podem ser cheiosQuando se trata de impressão, pôsteres de tablóides e banners podem ser com sangue total, e esses pôsteres também podem ser cortados para caber em uma folha de papel de 11 x 17. Isso significa que o produto final tem cerca de 10,5 de largura por 16,5 de altura. Cartazes com sangue total exigem planejamento e design cuidadosos, para que você possa explicar 1/8 sangramento nos quatro lados. Isso reduzirá o tempo de corte durante a prensa.Outro tipo de com sangue completo é chamado flutuante ou raso, que se refere a uma área menor na qual o design aparece. Capas com sangue completo, que geralmente são encontradas em livros de mesa de café ou outros livros impressos, têm imagens que cobrem toda a superfície. Esse tipo de cobertura geralmente é mais caro de produzir, porque requer mais tinta e mão de obra. Dependendo do tamanho do livro, os livros com sangue completo podem ser uma maneira econômica de mostrar seu design.Eles podem ser usados como mapas de sprite cssO CSS Sprites é uma ótima maneira de melhorar a experiência do usuário final e reduzir o congestionamento da rede. Para criar sprites CSS, os desenvolvedores devem mesclar os elementos desejados em um padrão semelhante à grade. Como alternativa, eles podem usar o software de edição de imagens para criar uma folha de sprite. Como alternativa, estão disponíveis muitas ferramentas on -line que permitirão criar uma folha de sprite CSS gratuitamente.As imagens de fundo podem ser usadas como sprites CSS. Essas imagens são usadas em sites grandes para evitar efeitos colaterais de redimensionamento de texto. As imagens de fundo são as mais fáceis de usar como mapas de sprite CSS, pois podem ser usados em vários sites. No entanto, se você está projetando um site elástico, o CSS Sprites não é a melhor escolha. Eles não funcionam bem com projetos elásticos, pois sua propriedade de posição de fundo é muito limitada.