Plano de Estudo
T.React1 - CssFundamentos_02
11 cursos
8 lives/videos
5 posts
CSS - Fundamentos
- Cascading Style Sheets (CSS) é uma linguagem usada para descrever a apresentação de um documento escrito em uma linguagem de marcação como HTML ou XML. CSS pode ser usado para estilos de texto de documentos muito básicos — por exemplo, para alterar a cor e o tamanho de títulos e links. Ele pode ser usado para criar um layout — por exemplo, transformar uma única coluna de texto em um layout com uma área de conteúdo principal e uma barra lateral para informações relacionadas. Pode até ser usado para efeitos como animações.
- Aprender a estrutura visual de uma página, com 'margin' e 'padding'
- Estabelecer o tamanho com 'width' e 'height'
- Aprender sobre a posição de um elemento ('static', 'relative' ou 'absolute)
- Aprender sobre o 'display' de exibição de um elemento ('block', 'inline', 'inline-block')
- Aprender a posicionar imagens em relação ao texto
- Aprender sobre alinhamento
- Aprender sobre estilo de fontes
- Aprender as diferenças e vantagens de usar as diferentes unidades de medida em CSS (%, relativas, etc)
- Conectar com os elementos (IDs, classes) de um arquivo HTML
- Alterar características de um elemento quando o mouse passar por cima dele ('hover')
- Aprender box-sizing
- Aprender Flexbox
- Aprender Grid
Criado por
Marcelo Ferreira Prenda da Silva
O que é este plano de estudo?
Planos de estudo são sequências de cursos e outros conteúdos criados por alunos e alunas da Alura para organizar seus estudos. Siga planos que te interessem ou crie o seu próprio.
Passo a passo
-
1
Conteúdo do plano
-
Site Iniciando com CSS - Aprendendo desenvolvimento web | MDN
-
Site CSS selectors - Aprendendo desenvolvimento web | MDN
-
Site Cascata, especificidade e herança - Aprendendo desenvolvimento web | MDN
-
Site Display - CSS | MDN
-
Site Conceitos básicos de flexbox - CSS | MDN
-
Site Conceitos básicos de Grid Layout - CSS | MDN
-
Site Entendendo CSS: Display Inline, Block e Inline-Block - DEV Community
-
Site Entendendo CSS: Pseudo-Classes e Pseudo-Elementos - DEV Community
-
Site Como aplicar opacidade em background-image sem afetar textos - DEV Community
-
Video O QUE É CSS? (SELETORES, PROPRIEDADES E VALORES) - YouTube
-
Video FLEXBOX CSS! Como posicionar elementos na página web - parte 1 - YouTube
-
Video FLEXBOX CSS! Como posicionar elementos na página web - parte 2 - YouTube
-
Video [Front-End] Arquitetura CSS - BEM - YouTube
-
Video [Front-End] - CSS Grid Layout - YouTube
-
Artigo CSS: o que é, como usar no HTML e um Guia para iniciar | Alura
-
Artigo HTML, CSS e Javascript, quais as diferenças? | Alura
-
Artigo Guia de Unidades no CSS | Alura
-
Artigo Flexbox CSS: guia completo, elementos e exemplos | Alura
-
Artigo CSS: Grids e tabelas com responsividade na Web | Alura
-
Video CSS FlexBox: Dicas para começar | #AluraMais - YouTube
-
Video Box Model e Sizing no CSS | #AluraMais - YouTube
-
Video Alura: Curso de HTML5 e CSS3 (parte 2) - Aula 1 - YouTube
-
Site Desenvolvimento Web com HTML, CSS e JavaScript | Alura Cursos Online
-
Formação A partir do zero: HTML e CSS para projetos web
-
Formação CSS: aprofunde em estilos
-
Site 7 days Of Code | Alura
-
Site 7 days Of Code | Alura
-