Oi pessoal, tudo bem?
Vocês consegue me explicar ou dar uma definição sobre o que é ou como funciona ou como usar a função inline-block? Achei confusa a explicação.
Obg a quem explicar ;)
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Oi pessoal, tudo bem?
Vocês consegue me explicar ou dar uma definição sobre o que é ou como funciona ou como usar a função inline-block? Achei confusa a explicação.
Obg a quem explicar ;)
Oi, Rodrigo, tudo bem?
O inline-block é um valor atribuído à propriedade display que especifica o tipo de caixa que será estilizado, podendo ser: flex, grid, inline, inline-block, none, e várias outras. Ou seja, quando definimos um display: inline-block ´para um determinado elemento, como por exemplo, um menu, estamos dizendo que queremos que o elemento esteja em bloco e os links numa única linha. Outra detalhe importante no display: inline-block é que ele aceita valores de width, largura, e height, altura, ou também, padding, margins, veja nesse exemplo: https://www.w3schools.com/css/tryit.asp?filename=trycss_inline-block_nav
Se você trocar o display por somento inline e rodar no botão run verás que a caixa amarela perde o respiro adicionado do padding. Então, basicamente o inline-block é quando queremos deixar os elementos de uma caixa num linha e também teremos o poder de colocar respiros de margin, padding e, altura e largura dentro da caixa.
Qualquer dúvida, é só falar!
Nossa, que explicação completa. Muito obrigado!!
Oi, Rodrigo, que bom que a resposta te ajudou :}
bons estudos!