1
resposta

line-height

Olá colegas! Não entendi muito bem o que exatamente faz o "line-height" na estilização.

Grata pela ajuda! Bons estudos...

1 resposta

Olá Izabela!

O line-height é uma propriedade do CSS que controla a altura da linha de texto. Ele é especialmente útil para ajustar o espaçamento vertical entre linhas de texto, o que pode melhorar a legibilidade e a estética do conteúdo.

Por exemplo, se você tem um parágrafo de texto e quer que as linhas tenham mais espaço entre elas, você pode usar o line-height para ajustar isso. preparei um exemplo para ti:

Nesse caso, conforme eu fui adicionando px, foi aumentando o distanciamento entre as linhas.

No contexto da aula em que você está, o line-height foi usado para estilizar o placeholder do campo de digitação e o texto do botão. Veja como isso foi aplicado:

.input-item::placeholder {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 19px;
}

Espero ter ajudado! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!