Float, Display e Clear no CSS - Curso de HTML e CSS - Aula 24

Nessa aula, vamos falar de um recurso que foi muito utilizado para criar GRIDs no CSS, que são as propriedades: float, display e clear. Também Vamos entender display block, inline-block e inline. Bora lá aprender?
Segue o Link da playlist completa e gratuita com as aulas que já foram publicadas até o momento:
• Curso de HTML e CSS Gr...
Aula anterior: • Box-sizing: width, hei...
Próxima aula: • Cores HTML e CSS: Ente...
Conheça meus cursos em:
www.otaviomiranda.com.br/2017...
Twitter: / otaviomirandabr
#html #css #curso

Aula anterior: ua-cam.com/video/ENewYUEMC7c/v-deo.html
Próxima aula: ua-cam.com/video/dSF9HU6X660/v-deo.html

[@jcseutoca]

Meu professor preferido

[@seunomeaqui_]

Mesmo não usando mais vale a pena entender como era feito no passado!
Tempo:
0:00 - Introdução
0:45 - display: block;
3:06 - display: inline-block;
5:41 - float
9:44 - clear
11:18 - pseudo-elementos after
13:13 - criando um grid de 3 colunas

[@Clebsonalves]

Graças a Deus existe flexbox e grid kkkkk,
a galera antigamente quebrava a cabeça, valeu pela aula.

Pois é kkk

[@andersoncabrera1240]

Muito bem explicado!

[@carlosbarross]

No caso, cada coluna é uma e essas colunas está dentro de outra CLASSificada "GRID", ou seja, você adicionou padding nas colunas e na grid (div class= COL> e div class=GRID>) fiocu 15px nas colunas + 15px na grid que envolve as colunas por isso deu uma soma de 30px de padding. É isso?

[@carlosbarross]

Como eu ajeito espaçamento/indentação? Eu vi vc ajustou só clica na numeração de linha..

[@juniorsilva3473]

Mesmo esse conceito não sendo mais usado vale apenas explicar pra entender a logica, valeu!

Essa é a intenção

[@Brenogss]

Melhor usar flex box mesmo,muito menos complicado.

[@michelsouza3868]

Opa. Ótimo vídeo. Qual sistema operacional você usou neste vídeo?

Acho que era o Ubuntu 20.04

[@isavieira-di4rz]

grid pov: você não me dirruba