● O que é CSS 3? ● Inserindo o CSS no HTML ● CSS Externo ● CSS Interno ● CSS Inline
● CSS Selectors ● Seleção por atributos (Classes e IDs) ● Seletor Universal ● Seleção por Relação (Hierarquia) ● Elementos descendentes, filhos, adjacentes, irmãos ● PseudoClass: hover, active, focus... ● PseudoElements
● Estilização ● Medidas (unidades absolutas, unidades relativas)
● Fontes ● CDN ● Estilizando Fontes Exercicio: Estilizar a pagina da receita do módulo HTML. Estilizar tipo, cor, peso de fontes, altura de linha com base no layout (https://xd.adobe.com/view/736f769e-26ca-43fc-8c21-4fc9055e26e3-263c/)
https://github.com/cascanio/Aulas_CSS/tree/main/aula4
● Box-Model: ● Margin ● Border ● Padding
● Display: Block vs. Inline vs. Inline-Block
● Position: Relative vs Absolute vs Fixed
● Float
● Flexbox: ● Flex Container ● Flex Item
● Pratica de estilização Pagina Globo - Aula ao vivo: https://github.com/cascanio/Aulas_CSS/tree/main/toti-css-globo-master
● Estilização do HTML aula6: https://github.com/cascanio/Aulas_CSS/tree/main/aula7
● Layout responsivo
● Pratica com exercicio da Aula 7 CCS: https://github.com/cascanio/Aulas_CSS/tree/main/aula7