CSS Web Developer CSS Webdeveloper+−⟲ Transições transições e pseudo-elementos Iniciando com animações Definindo atraso e número de interações de uma animação Direção da reprodução e curva de velocidade da animação Propriedade animation-fill-mode Pausando a animação e shorthand animation Perspectiva Rotacionando e movendo elementos no eixo Z Escalando elementos de forma tridimensional transform-origin transform-style Matrix3d backface-visibility Animações Transformações 3D Transformações 2D translate() rotate() rotateX() e rotateY() scale() skew() matrix() hover active focus target enable e disabled link e visited place-holder-shown Checked e Indeterminate valid e invalid, in-range e out-ofrange required e optional autofill root nth-child e nth-of-type first-of-type e last-of-type nth-last-child e nth-last-of-type only-child only-of-type empty is where not has first-letter first-line backdrop marker place-holder selection file-selector-button before e after Pseudo classes Introdução ao Design Responsivo Layouts flexíveis - Multicolunas Layouts flexíveis - Flexbox Layouts flexíveis - Grid Meta tag viewport O que são Media Queries Estruturas Media Types Media Features (recursos de mídia) Operadores Maneiras de usar as Media Queries Breakpoints Devemos sempre usar as media queries Imagens Responsivas Tipografias Responsivas Mobile First Justify-itens Align-itens Linha e coluna com place-itens Justify-content Align-content Horizontalmente e verticalmente com place-content Justify-self Align-self Horizontalmente e verticalmente com place-self Conceitos do Grid Layout Nomenclaturas do Grid Adicionando colunas e linhas no Grid Iniciando com o CSS Grid Grid implícito e explícito Tamanho mínimo e máximo das faixas Alocando itens do Grid nas posições específicas Áreas do Grid Shorthand grid-template Espaçamento dos elementos do Grid Shorhand grid Alinhamento do Grid Controlando os espaços com os itens Gap Ordenando os itens Order Flex-Grow Flex-Shrink Flex-Basis Propriedades Align-Self Shorthand Flex Alinhando as linhas no container Align-Content Alinhando no eixo transversal Align-Itens Alinhando no eixo principal Justify-Content Conceitos do Flexbox Eixos do Flexbox Direção do Flexbox Flex-Direction Quebra de linhas e colunas Flex-Wrap Position Static Position Relative Position Absolute Position Fixed Position Sticky Z-index Posicionando os elementos Propriedades de exibição Propriedade Display Display Block Display inline Display inline block Display none Display none vs visibility hidden Alinhamento de elementos inline Flexbox vs Grid Layout Porcentagem EM REM Viewports EX e CH Calculando valores com CSS Unidades de medidas absolutas Pixels físicos e lógicos Unidades de medidas relativas Cores Imagens Fundo dos elementos Bordas Fontes Textos Sombras Outros Largura e altura Altura e largura máxima e mínima Margin Padding Box Sizing Agrupamento de Seletores Combinador descendente Combinador filho Combinador irmão Seletor de Tags Seletores de ID Seletor de classes Seletores universais Seletores de atributo Seletores Combinadores Propriedades de dimensionamento e espaçamento Refinando os estilos CSS Pseudo Elementos Transições e animações Boas práticas e convenções no CSS Iniciando com framework em CSS: Bootstrap Layouts no CSS Posicionamentos e exibição de elementos com CSS Flexbox no CSS Dominando Grid Layouts no CSS Responsividade no CSS Peimeiros passos com CSS Fundamentos do CSS Estilizações básicas com CSS Unidades de medida em CSS CSS Web Developer Link ao original
+−⟲ Transições transições e pseudo-elementos Iniciando com animações Definindo atraso e número de interações de uma animação Direção da reprodução e curva de velocidade da animação Propriedade animation-fill-mode Pausando a animação e shorthand animation Perspectiva Rotacionando e movendo elementos no eixo Z Escalando elementos de forma tridimensional transform-origin transform-style Matrix3d backface-visibility Animações Transformações 3D Transformações 2D translate() rotate() rotateX() e rotateY() scale() skew() matrix() hover active focus target enable e disabled link e visited place-holder-shown Checked e Indeterminate valid e invalid, in-range e out-ofrange required e optional autofill root nth-child e nth-of-type first-of-type e last-of-type nth-last-child e nth-last-of-type only-child only-of-type empty is where not has first-letter first-line backdrop marker place-holder selection file-selector-button before e after Pseudo classes Introdução ao Design Responsivo Layouts flexíveis - Multicolunas Layouts flexíveis - Flexbox Layouts flexíveis - Grid Meta tag viewport O que são Media Queries Estruturas Media Types Media Features (recursos de mídia) Operadores Maneiras de usar as Media Queries Breakpoints Devemos sempre usar as media queries Imagens Responsivas Tipografias Responsivas Mobile First Justify-itens Align-itens Linha e coluna com place-itens Justify-content Align-content Horizontalmente e verticalmente com place-content Justify-self Align-self Horizontalmente e verticalmente com place-self Conceitos do Grid Layout Nomenclaturas do Grid Adicionando colunas e linhas no Grid Iniciando com o CSS Grid Grid implícito e explícito Tamanho mínimo e máximo das faixas Alocando itens do Grid nas posições específicas Áreas do Grid Shorthand grid-template Espaçamento dos elementos do Grid Shorhand grid Alinhamento do Grid Controlando os espaços com os itens Gap Ordenando os itens Order Flex-Grow Flex-Shrink Flex-Basis Propriedades Align-Self Shorthand Flex Alinhando as linhas no container Align-Content Alinhando no eixo transversal Align-Itens Alinhando no eixo principal Justify-Content Conceitos do Flexbox Eixos do Flexbox Direção do Flexbox Flex-Direction Quebra de linhas e colunas Flex-Wrap Position Static Position Relative Position Absolute Position Fixed Position Sticky Z-index Posicionando os elementos Propriedades de exibição Propriedade Display Display Block Display inline Display inline block Display none Display none vs visibility hidden Alinhamento de elementos inline Flexbox vs Grid Layout Porcentagem EM REM Viewports EX e CH Calculando valores com CSS Unidades de medidas absolutas Pixels físicos e lógicos Unidades de medidas relativas Cores Imagens Fundo dos elementos Bordas Fontes Textos Sombras Outros Largura e altura Altura e largura máxima e mínima Margin Padding Box Sizing Agrupamento de Seletores Combinador descendente Combinador filho Combinador irmão Seletor de Tags Seletores de ID Seletor de classes Seletores universais Seletores de atributo Seletores Combinadores Propriedades de dimensionamento e espaçamento Refinando os estilos CSS Pseudo Elementos Transições e animações Boas práticas e convenções no CSS Iniciando com framework em CSS: Bootstrap Layouts no CSS Posicionamentos e exibição de elementos com CSS Flexbox no CSS Dominando Grid Layouts no CSS Responsividade no CSS Peimeiros passos com CSS Fundamentos do CSS Estilizações básicas com CSS Unidades de medida em CSS CSS Web Developer