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 CSS 5:40
- Seletores 6:37
- Cores 12:24
- Unidades de Medida 6:33
- Box Model 10:52
- CSS e HTML 13:00
- Armadilhas no CSS3 [IMPORTANTE] 21:28
- Introdução Prática ao CSS 13:04
- Introdução ao Position 14:43
- Introdução ao Flexbox 9:51
- Valores Globais para Propriedades 5:49
- Introdução ao Grid Layout 11:46
- Combinadores de Seletor 11:39
Seção 48
28:4910 aulas
Flexbox Froggy
Seção 51
10:57:46122 aulas
Propriedades
- Introdução da Seção Propriedades e criação do Snippet VSCode 6:47
- height 10:04
- max-height 4:21
- min-height 5:28
- width 26:02
- max-width 4:16
- min-width 3:37
- margin-top 4:03
- margin-right 3:43
- margin-bottom 3:31
- margin-left 8:31
- margin 5:41
- padding-top 7:42
- padding-right 3:52
- padding-bottom 1:59
- padding-left 1:47
- padding 5:51
- border-top-color 7:04
- border-right-color 2:06
- border-bottom-color 2:09
- border-left-color 2:07
- border-color 1:47
- border-top-style 2:57
- border-right-style 2:58
- border-bottom-style 2:53
- border-left-style 2:31
- border-style 4:06
- border-top-width 2:56
- border-right-width 1:51
- border-bottom-width 1:30
- border-left-width 3:21
- border-width 3:08
- border-top-left-radius 4:13
- border-top-right-radius 4:22
- border-bottom-right-radius 3:18
- border-bottom-left-radius 1:48
- border-radius 13:58
- border-image-source 8:42
- border-image-width 3:11
- border-image-slice 2:56
- border-image-outset 2:14
- border-image-repeat 3:16
- border-image 3:49
- border-collapse 5:43
- border-spacing 2:20
- border-top 2:49
- border-right 3:22
- border-bottom 2:47
- border-left 2:14
- border 4:05
- box-sizing 5:49
- overflow-x 4:44
- overflow-y 3:02
- overflow 4:09
- overflow-wrap 6:49
- overflow-block 3:37
- overflow-inline 2:58
- resize 5:30
- z-index 6:11
- outline-style 6:00
- outline-color 2:29
- outline-width 2:05
- outline-offset 2:05
- outline 2:48
- display 30:35
- flex-direction 8:05
- flex-wrap 4:47
- flex-flow 2:15
- justify-content 4:55
- align-items 15:18
- align-content 6:30
- place-content 4:00
- justify-items 4:58
- place-items 5:06
- justify-self 4:09
- flex-basis 7:47
- flex-grow 4:22
- flex-shrink 6:17
- flex 4:00
- order 7:31
- align-self 8:09
- place-self 8:55
- cursor 26:36
- background-color 4:48
- background-image 4:11
- background-size 9:37
- background-position 12:13
- background-repeat 6:48
- background-attachment 10:45
- background-clip 8:22
- background-origin 4:52
- background-blend-mode 5:17
- background 5:41
- box-shadow 5:37
- box-decoration-break 6:43
- transform 6:45
- transform-origin 5:27
- transform-style 17:52
- transform-box 12:12
- float 4:36
- clear 5:40
- list-style-type 4:09
- list-style-position 2:56
- list-style-image 5:08
- list-style 3:02
- object-fit 8:37
- object-position 3:00
- column-width 3:27
- column-count 2:56
- columns 2:15
- column-span 3:14
- column-gap 2:58
- column-fill 3:44
- column-rule-style 3:16
- column-rule-width 2:25
- column-rule-color 2:14
- column-rule 3:24
- break-before 3:14
- break-after 2:10
- break-inside 5:39
- page-break-before 2:22
- page-break-after 1:53
Seção 146
05:52:5826 aulas
Sass
- Sass - CSS com Super-poderes 9:35
- Instalando e executando 24:00
- Extensão para VS Code 7:34
- Nesting 32:29
- Variáveis 18:52
- Variáveis do Sass VS CSS3h 7:16
- Variáveis com valor padrão !default 32:30
- Variáveis Nativas e Escopo de Variáveis 17:02
- Regras de Estilo 9:36
- Regras de Estilo - @use 17:46
- Regras de Estilo - @forward 22:48
- Regras de Estilo - @import 9:13
- Regras de Estilo - @function 15:09
- Regras de Estilo - @mixin e @include 9:52
- Regras de Estilo - @extend 17:42
- Regras de Estilo - @error 6:40
- Regras de Estilo - @warn 4:57
- Regras de Estilo - @debug 5:03
- Regras de Estilo - @at-root 13:34
- Regras de Estilo - Controle de Fluxo @if e @else 9:18
- Regras de Estilo - Controle de Fluxo @each 9:53
- Regras de Estilo - Controle de Fluxo - @for 11:02
- Regras de Estilo - Controle de Fluxo - @while 9:44
- Funções Especiais 9:57
- Modulos Nativos 5:30
- Sass CLI - Dart Sass 15:56
Seção 186
25:155 aulas
Sass - Operadores