Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Desafio: Explorar Propriedades de Fonte | Estilizando Texto em CSS
Fundamentos de CSS

bookDesafio: Explorar Propriedades de Fonte

Tarefa

Aplicar diversas propriedades de fonte a elementos específicos:

Para h1:

  • Família da fonte: Arial.
  • Tamanho da fonte: 36px.
  • Peso da fonte: 600.
  • Estilo da fonte: italic.

Para p:

  • Família da fonte: Georgia.
  • Tamanho da fonte: 18px.
  • Peso da fonte: 400.
  • Estilo da fonte: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Especifica a família da fonte.
  • font-size: Define o tamanho da fonte.
  • font-weight: Define o peso da fonte.
  • font-style: Especifica o estilo da fonte.
index.html

index.html

index.css

index.css

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 6

Pergunte à IA

expand

Pergunte à IA

ChatGPT

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 these font properties?

What would the HTML look like with these styles applied?

Can you explain the difference between font-weight and font-style?

Awesome!

Completion rate improved to 2.56

bookDesafio: Explorar Propriedades de Fonte

Deslize para mostrar o menu

Tarefa

Aplicar diversas propriedades de fonte a elementos específicos:

Para h1:

  • Família da fonte: Arial.
  • Tamanho da fonte: 36px.
  • Peso da fonte: 600.
  • Estilo da fonte: italic.

Para p:

  • Família da fonte: Georgia.
  • Tamanho da fonte: 18px.
  • Peso da fonte: 400.
  • Estilo da fonte: normal.
index.html

index.html

index.css

index.css

copy
  • font-family: Especifica a família da fonte.
  • font-size: Define o tamanho da fonte.
  • font-weight: Define o peso da fonte.
  • font-style: Especifica o estilo da fonte.
index.html

index.html

index.css

index.css

copy

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 6
some-alt