CSS Font Cheat Sheet

Postado por: Pedro Rogério em
  • 18 mar
  • 4

Muitas pessoas que estão começando agora com CSS não sabem que existe uma forma “curta” de declarar os valores para a propriedade font das CSS, onde muitas vezes acabam escrevendo várias linhas de código que ao meu ver são desnecessárias. Para auxiliar essas pessoas, acabei encontrando um Cheat Sheet que nos auxilia a como escrever declarações curtas na propriedade font das CSS:

CSS Font Cheat Sheet

Continuar lendo »

Centralizar imagem na horizontal e vertical com CSS

Postado por: Pedro Rogério em
  • 3 mar
  • 9

Imagine a seguinte situação: Você precisa centralizar uma imagem dentro de um box maior que a imagem e com dimensões atribuídas, caso você insira a imagem via CSS, é fácil daixá-la centralizada, mas isso não é possível quando estamos utilizando a tag <img>

Você poderia simplesmente fazer o seguinte:

  • Aplicar display:block a imagem
  • Definir as margens esquerda e do topo para a imagem deixando-a centralizada dentro do box.

Mas o grande problema é que você pode ter imagens no formato retrato e paisagem, imagine uma galeria de fotos com fotos de diferentes tamanhos, você teria que definir um CSS para cada imagem para que elas ficassem centralizadas.

Continuar lendo »

Páginas:«1234567...16»