CSS Display (block, inline, inline-block e none) - Aprenda HTML5 & CSS3 #19

Nesse vídeo vamos explorar a propriedade CSS Display e seus valores mais comuns: block, inline, inline-block e none. Se você deseja aprimorar suas habilidades em CSS e entender como controlar o layout dos elementos em seu site, este vídeo é para você!

Começaremos explicando o que é a propriedade Display e como ela influencia o comportamento dos elementos HTML em relação ao fluxo da página. Você entenderá como os elementos block, inline e inline-block são exibidos e como isso afeta a organização e a interação dos elementos.

Aprofundaremos cada um desses valores. Você aprenderá quando usar um elemento block para criar seções e divisões de layout, ou quando usar um elemento inline para elementos de texto em linha. Além disso, exploraremos o valor inline-block, que combina características de elementos block e inline, permitindo que você crie layouts mais flexíveis.

Também abordaremos o valor none, que oculta completamente o elemento da visualização.