Aprenda CSS 3 do Básico ao Avançado, Transições, Animações, FlexBox, Grid Layout, 3D, Sass e mais
Conteúdo do Curso
Seção 1
02:23:2613 aulas
Introdução
- Introdução ao CSS5:40
- Seletores6:37
- Cores12:24
- Unidades de Medida6:33
- Box Model10:52
- CSS e HTML13:00
- Armadilhas no CSS3 [IMPORTANTE]21:28
- Introdução Prática ao CSS13:04
- Introdução ao Position14:43
- Introdução ao Flexbox9:51
- Valores Globais para Propriedades5:49
- Introdução ao Grid Layout11:46
- Combinadores de Seletor11:39
Seção 48
28:4910 aulas
Flexbox Froggy
- Introdução ao Flexbox Froggy1:04
- justify-content3:12
- align-items2:06
- flex-direction4:30
- order2:50
- align-self2:23
- flex-wrap e flex-flow2:51
- align-content3:30
- Challenge4:35
- Resumo da Seção1:48
Seção 51
10:57:46122 aulas
Propriedades
- Introdução da Seção Propriedades e criação do Snippet VSCode6:47
- height10:04
- max-height4:21
- min-height5:28
- width26:02
- max-width4:16
- min-width3:37
- margin-top4:03
- margin-right3:43
- margin-bottom3:31
- margin-left8:31
- margin5:41
- padding-top7:42
- padding-right3:52
- padding-bottom1:59
- padding-left1:47
- padding5:51
- border-top-color7:04
- border-right-color2:06
- border-bottom-color2:09
- border-left-color2:07
- border-color1:47
- border-top-style2:57
- border-right-style2:58
- border-bottom-style2:53
- border-left-style2:31
- border-style4:06
- border-top-width2:56
- border-right-width1:51
- border-bottom-width1:30
- border-left-width3:21
- border-width3:08
- border-top-left-radius4:13
- border-top-right-radius4:22
- border-bottom-right-radius3:18
- border-bottom-left-radius1:48
- border-radius13:58
- border-image-source8:42
- border-image-width3:11
- border-image-slice2:56
- border-image-outset2:14
- border-image-repeat3:16
- border-image3:49
- border-collapse5:43
- border-spacing2:20
- border-top2:49
- border-right3:22
- border-bottom2:47
- border-left2:14
- border4:05
- box-sizing5:49
- overflow-x4:44
- overflow-y3:02
- overflow4:09
- overflow-wrap6:49
- overflow-block3:37
- overflow-inline2:58
- resize5:30
- z-index6:11
- outline-style6:00
- outline-color2:29
- outline-width2:05
- outline-offset2:05
- outline2:48
- display30:35
- flex-direction8:05
- flex-wrap4:47
- flex-flow2:15
- justify-content4:55
- align-items15:18
- align-content6:30
- place-content4:00
- justify-items4:58
- place-items5:06
- justify-self4:09
- flex-basis7:47
- flex-grow4:22
- flex-shrink6:17
- flex4:00
- order7:31
- align-self8:09
- place-self8:55
- cursor26:36
- background-color4:48
- background-image4:11
- background-size9:37
- background-position12:13
- background-repeat6:48
- background-attachment10:45
- background-clip8:22
- background-origin4:52
- background-blend-mode5:17
- background5:41
- box-shadow5:37
- box-decoration-break6:43
- transform6:45
- transform-origin5:27
- transform-style17:52
- transform-box12:12
- float4:36
- clear5:40
- list-style-type4:09
- list-style-position2:56
- list-style-image5:08
- list-style3:02
- object-fit8:37
- object-position3:00
- column-width3:27
- column-count2:56
- columns2:15
- column-span3:14
- column-gap2:58
- column-fill3:44
- column-rule-style3:16
- column-rule-width2:25
- column-rule-color2:14
- column-rule3:24
- break-before3:14
- break-after2:10
- break-inside5:39
- page-break-before2:22
- page-break-after1:53
Seção 146
05:52:5826 aulas
Sass
- Sass - CSS com Super-poderes9:35
- Instalando e executando24:00
- Extensão para VS Code7:34
- Nesting32:29
- Variáveis18:52
- Variáveis do Sass VS CSS3h7:16
- Variáveis com valor padrão !default32:30
- Variáveis Nativas e Escopo de Variáveis17:02
- Regras de Estilo9:36
- Regras de Estilo - @use17:46
- Regras de Estilo - @forward22:48
- Regras de Estilo - @import9:13
- Regras de Estilo - @function15:09
- Regras de Estilo - @mixin e @include9:52
- Regras de Estilo - @extend17:42
- Regras de Estilo - @error6:40
- Regras de Estilo - @warn4:57
- Regras de Estilo - @debug5:03
- Regras de Estilo - @at-root13:34
- Regras de Estilo - Controle de Fluxo @if e @else9:18
- Regras de Estilo - Controle de Fluxo @each9:53
- Regras de Estilo - Controle de Fluxo - @for11:02
- Regras de Estilo - Controle de Fluxo - @while9:44
- Funções Especiais9:57
- Modulos Nativos5:30
- Sass CLI - Dart Sass15:56
Seção 186
25:155 aulas
Sass - Operadores
- Introdução aos Operadores1:58
- Operadores - Relacional6:13
- Operadores - Numérico5:35
- Operadores - Buleano6:00
- Operadores -String5:29