2
respostas

as informções no CSS não funcionam

Meu css depois do display: block; não respondeu a nenhuma informação que coloquei...

form{
    margin: 40px 0;
}

form label {
    display:block;
   font-size: 20px;
   margin: 0 0 10px;
}

forms input{
    display:block;
    margin: 0 0 20px;
   padding: 10px 25px;
   width: 50%;
}
2 respostas

Aparentemente está correto até o fim do form label {}.

No seu código tem somente um erro, onde você referencia forms input, nessa parte forms não é uma Tag HTML.

Possiveis correções:

  • Verificar se forms não está sendo chamado como uma classe no seu HTML, assim você poderia referencia-lo no CSS como: .forms
  • Corrigir forms para form (sem S no fim), isso caso você realmente queira referenciar a tag form e acessar o input dentro dela.

Formas de acessar elementos no CSS (Seletores):

  • " [NOME DE TAGS HTML] " - Usado para acessar tags em geral, o nome tem que ser exatamente o mesmo que na tag. (ex: HTML = < form > | CSS = form)
  • " . " - Usado para acessar classes CSS
  • " # " - Usado para acessar IDs de elementos HTML

Caso queira ver todas as Tags disponiveis no HTML pode acessar esse link:

https://www.w3schools.com/TAgs/default.asp

E caso queira ver todas as formas de acessar elementos no CSS usando os Seletores:

https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Selectors

Muito obrigada! vou seguir as dicas