Personalize Aspas com CSS

Introdução

Neste laboratório, exploraremos a propriedade quotes em CSS, que nos permite personalizar as aspas usadas para citações inline. Aprenderemos como usar esta propriedade para definir nossos próprios caracteres de abertura e fechamento de aspas, e aplicá-los aos elementos <q> em nosso HTML. Ao final deste laboratório, você terá uma melhor compreensão de como adicionar um toque pessoal à estilização de suas páginas web.

Este é um Lab Guiado, que fornece instruções passo a passo para ajudá-lo a aprender e praticar. Siga as instruções cuidadosamente para completar cada etapa e ganhar experiência prática. Dados históricos mostram que este é um laboratório de nível iniciante com uma taxa de conclusão de 100%. Recebeu uma taxa de avaliações positivas de 100% dos estudantes.

Aspas Estilizadas

index.html e style.css já foram fornecidos na VM (Virtual Machine).

Para personalizar as aspas inline, modifique a propriedade quotes dentro de um elemento <q>.

Por exemplo:

<p><q>Do or do not, there is no try.</q> – Yoda</p>

pode ser estilizado com aspas curvas usando CSS:

q {
  quotes: "“" "”";
}

Por favor, clique em 'Go Live' no canto inferior direito para executar o serviço web na porta 8080. Em seguida, você pode atualizar a aba Web 8080 para visualizar a página web.

Resumo

Parabéns! Você concluiu o laboratório de Aspas Estilizadas. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.