Aprenda Desafio: Formatar Texto com CSS | Estilizando Texto em CSS

Fundamentos de CSS

Tarefa

Para aprimorar a apresentação visual do elemento h1, aplique os seguintes estilos:

Adicionar um sublinhado.
Converter todas as letras para maiúsculas.
Recentralizar o texto horizontalmente.
Definir a altura da linha como 2.
Ajustar o espaçamento entre letras para 2px.
Aumentar o espaço entre palavras para 5px.
Aplicar uma sombra no texto com os valores 2px 2px #000000.

index.html

index.css

text-decoration: Sublinha o texto.
text-transform: Converte o texto para maiúsculas.
text-align: Centraliza o texto horizontalmente.
line-height: Define a altura da linha do texto.
letter-spacing: Aumenta o espaço entre as letras.
word-spacing: Aumenta o espaço entre as palavras.
text-shadow: Adiciona uma sombra.

index.html

index.css

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3

Pergunte à IA

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you show me how to write the CSS for the h1 element with these styles?

What does the final h1 element look like with all these styles applied?

Can you explain how each CSS property affects the h1 element?

Awesome!

Completion rate improved to 2.56

Deslize para mostrar o menu

Tarefa

Para aprimorar a apresentação visual do elemento h1, aplique os seguintes estilos:

Adicionar um sublinhado.
Converter todas as letras para maiúsculas.
Recentralizar o texto horizontalmente.
Definir a altura da linha como 2.
Ajustar o espaçamento entre letras para 2px.
Aumentar o espaço entre palavras para 5px.
Aplicar uma sombra no texto com os valores 2px 2px #000000.

index.html

index.css

text-decoration: Sublinha o texto.
text-transform: Converte o texto para maiúsculas.
text-align: Centraliza o texto horizontalmente.
line-height: Define a altura da linha do texto.
letter-spacing: Aumenta o espaço entre as letras.
word-spacing: Aumenta o espaço entre as palavras.
text-shadow: Adiciona uma sombra.

index.html

index.css

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 2. Capítulo 3

some-alt