Segunda página codificada. Nessa aula da formação de Front-end da Alura aprendi um maior número de propriedades do css que contribuem para a elaboração de um layout melhor estilizado e atraente.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | Página de Produtos |
| 🏷️ Tecnologias | html, css |
| 🚀 URL | https://yagojsantos.github.io/barbearia-alura-produtos/ |
A maior dificuldade foi compreender o funcionamento da propriedade Position com o valor Absolute ou Relative, mas revendo o vídeo e pesquisando em outras fontes, consegui entender.
Um rápido Overview doque aprendi:
Html
- Tags semânticas (header, nav, main, footer);
Css
- Como modificar o posicionamento dos elementos (position);
- Manter o tamanho do elemento mesmo usando espaçamento interno ou externo(box-sizing);
- Propriedades de borda e seu arredondamento (border: color width style radius);
- Pseudo-classes para especificar o estado do elemento (:hover :active);
- A forma de definir uma imagem como pano de fundo (backcground: url());