Curso
CSS: Controlando o tamanho das caixas
Anteriormente nesta matéria falamos sobre como os elementos em uma página web podem ser vistos como se estivessem dentro de caixas. Aqui falaremos como controlar essas caixas de diversas formas com o CSS.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
8 horas
Curso de CSS (8 aulas)
Aula 1 - O que é isso?
Anteriormente nesta matéria falamos sobre como os elementos em uma página web podem ser vistos como se estivessem dentro de caixas.
Aula 2 - Qual técnica é necessária para se fazer isso?
Para controlar a aparência das caixas precisamos conhecer as suas diversas propriedades.
Aula 3 - height e width
Height e width são propriedades das caixas.
Aula 4 - min-width e max-width
Geralmente, as caixas em uma página se expandem ou contraem dependendo do espaço disponível para elas. Esse é um comportamento padrão.
Aula 5 - min-height e max-height
Uma caixa pode aparentar não reter mais o seu conteúdo caso a altura ou largura dela se torne menor do que a dele.
Aula 6 - overflow
Como mencionado na aula anterior, quando uma caixa é menor do que o seu conteúdo, a impressão que temos é que o mesmo está saltando de dentro dela.
Aula 7 - Valores relativos
Existem alguns casos em que a largura ou altura de um elemento precisa variar de acordo com o tamanho da tela do usuário. Nesses casos utilizamos as unidades de medida: %, vh e vw que veremos melhor nesta aula.
Aula 8 - Qual exemplo será utilizado?
Confira nesta aula o exemplo que usaremos neste curso.
Veja outros cursos de HTML e CSS
HTML: span, iframe e comentários
HTML: Fundamentos
CSS: Flexbox