+āā² 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