Desevolvendo a pagina de Barbearia Alura, uma empresa fictícia, Aprendendo sobre:
- Aprenda o que é o HTML e o CSS && Estrutura HTML
- Usando o CSS para estilizar a página
-
Utilizando
reset.css
e outros padrões de reset -
Diferenças no
display: inline
&&block
Elementos com display: inline
não pode ser definido height
e width
para eles, ao contrário do display:inline-block
os elementos aceitam que seja definido.
- Aprendendo sobre
pseudo-classes
CSS
ex:
elemeto:hover {} // Para quando o cursor passar sobre o elemento
elemeto:focus {} // Para dar foco ao elemeto quando usar tab ou mouse
elemeto:checked {} // Para elementos option, checkbox, "checkable" e radio
//Utilizado para "eventos" com HTML e CSS "puro", visando algum efeito|transição
elemeto:active {} // Quando clicar em um elemeto
- Criando formulários para web
- Usando a hierarquia do CSS estilizar o formulário
- Usando efeitos de
pseudo-classes
para fazer transições em elementos do formulário
- Importe de conteúdo externo no HTML
- A
Viewport
e design responsivo