Busca DevMedia
Você está buscando por "Box"
- CSS: Bordas, margem e preenchimentoCurso
No Box Model as caixas que envolvem os elementos possuem conteúdo, preenchimento, borda e margem. Aprenda a controlar essas características neste curso.
- CSS3 Display Flex: Como organizar cards e boxes automaticamenteCurso
O Flexible Box Layout Model veio com o CSS3 para facilitar a criação de interfaces. Através do Flexbox o elemento filho de um contêiner pode ser disposto em qualquer direção e sua dimensão se torna flexível.
Cursos e Vídeos relacionados
- CSS: Box Model Artigo
O motor de renderização do navegador representa cada elemento como uma caixa retangular, de acordo com o padrão definido pelo CSS conhecido como box (caixa) model.
- CSS: box-sizing Artigo
Nesta documentação veremos como adaptar as dimensões de um elemento para incorporar os valores de border e padding, utilizando para isso a propriedade box-sizing.
- CSS: text-shadow e box-shadow Artigo
Nesta documentação você aprenderá a aplicar o efeito de sombra a textos e outros elementos utilizando as propriedades text-shadow e box-shadow do CSS3.
- Bordas Arredondadas CSS3: Estilizando bordas Artigo
Neste artigo iremos aprender a criar elementos com bordas arredondadas por meio de CSS3. Iremos ver como é possível atribuir diferentes valores para diferentes bordas.
- CSS3 Box Shadow Generator Artigo
Veja nesse artigo como usar ferramentas online para geração de box shadow (sombras) em elementos HTML com CSS3.
Artigos relacionados
- Aplicando sombras em um elemento HTML Vídeo
Nesta aula você vai aprender como aplicar sombras em um elemento HTML através das propriedades box-shadow e text-shadow.
- Projeto final Vídeo
Nesta aula vamos colocar em prática tudo o que aprendemos até aqui. Vamos conhecer um exemplo prático que utiliza diversos recursos que aprendemos neste curso, tais como max-width, display, overflow, calc(), box-sizing e box-shadow.
- Modificando como o CSS calcula o tamanho de um elemento Vídeo
Nesta aula você vai aprender a modificar a forma como o CSS calcula o tamanho de um elemento HTML, através da propriedade box-sizing. Além disso, você também vai aprender a resolver problemas de quebra de páginas e criação indesejada de scrolls.
- O que é isso? Vídeo
Nos cursos anteriores apresentamos o Box Model e com ele aprendemos que cada elemento em uma página é envolvido por uma caixa.
- Box model - Introdução ao CSS na prática - Vídeo 8 Vídeo
Cada elemento em uma página web é representado uma caixa retangular que contém uma margem, preenchimento, conteúdo e borda. Essas características, que entenderemos melhor nesta aula, fazem parte do box model, fundamental para a criação de layouts.
