https://github.com/monicaquintal/estilizandoformularios
Estudo de Estilização de Formulários - Curso Desenvolvimento Web Completo 2022.
https://github.com/monicaquintal/estilizandoformularios
css html
Last synced: 4 months ago
JSON representation
Estudo de Estilização de Formulários - Curso Desenvolvimento Web Completo 2022.
- Host: GitHub
- URL: https://github.com/monicaquintal/estilizandoformularios
- Owner: monicaquintal
- Created: 2022-09-28T01:17:30.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-29T00:42:21.000Z (over 2 years ago)
- Last Synced: 2025-01-06T08:21:53.353Z (5 months ago)
- Topics: css, html
- Language: CSS
- Homepage:
- Size: 227 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
## Aula da Seção 5: CSS Intermediário e Avançado, do curso Desenvolvimento Web Completo 2022.
Estilização de Formulários.
Link para visualização: https://monicaquintal.github.io/EstilizandoFormularios/
### Anotações Aula 01:
- "< fieldset >" lista elementos que estão associados;
- atribulo "for" na label associa ao input;
- "< label >" e seu fechamento pode envolver o input ou não;
- "< textarea >" insere uma área para texto;
- colocando width em %, fará a caixa se ajustar ao tamanho da tela;
- com colchetes e type, pode selecionar o tipo de atributo que deseja estilizar (como nos inputs, neste caso); entretanto, navegadores mais antigos podem não ter suporte para essa funcionalidade. Portanto, o professor recomenda incluir como classes mesmo;
### Anotações Aula 02
- novo arquivo (index); o prof nomeou como formularios2.html, só modifiquei o nome;
- para estilizar uma imagem dentro de uma id, por exemplo, utilizar "# container img {"; é possível ainda atribuir uma classe a essa img;
- margin-top negativo, com metade da altura, centraliza a imagem acima do container;