1
resposta

duvida sobre o exercicio

Não consegui resolver este exercício minha dúvida foi com a relação a página HTML não soube como fazer a ligação necessária com o CSS para criar o efeito desejado, pois na opinião do instrutor ele só menciona o CSS e não faz nenhuma menção ao HTML.

1 resposta

Não há necessidade de fazer alterações no HTML, como a idéia é fazer para cada novo paragrafo da página biografia, podemos usar o pseudo elemento ::first-letter. Este pseudo elemento pega a primeira letra de um texto. Dessa forma podemos fazer da seguinte forma:

Utilizar a classe container, pegar todos os paragrafos dentro deste container e selecionar a primeira letra de cada um, ficando dessa forma: .container > p::first-letter

Daí só aplicar os estilos, segue como vai ficar no final:

.container > p::first-letter {
    font-size: 200%;
    font-weight: bold;
    color: #3C1D3D;
    text-shadow: 1px 1px #000;
    margin-right: .2ch;
    line-height: 1;
}

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software