Citazioni in CSS con stile

Esistono molti modi per rappresentare citazioni in HTML.
Qui puoi trovare qualche esempio su come stilizzare al meglio una citazione: puoi mettere le virgolette attorno alla stringa quotata o puoi modellare l’elemento blockquote. La differenza principale è se si desidera che i simboli di citazione siano in linea o in blocco.

Citazioni in blocco con autore virgolettato:

Un metodo comune per la visualizzazione delle citazioni virgolettate consiste nello stile dell’elemento blockquote. Qui le virgolette non vengono utilizzate come punteggiatura ma a volte vengono utilizzate per scopi di stile. Le virgolette di chiusura sono spesso omesse.

See the Pen by Glorya (@glorya) on CodePen.

Citazioni in linea virgolettate

Questo è per gli appassionati di tipografia o chiunque voglia utilizzare le virgolette arricciate piuttosto che quelle diritte:

See the Pen by Glorya (@glorya) on CodePen.

Citazione inlinea con elemento blockquote

Questo metodo è spesso usato per dare uno stile alle testimonianze. Per questo tipo di citazione in linea, ecco un esempio:

See the Pen by Glorya (@glorya) on CodePen.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

%d blogger hanno fatto clic su Mi Piace per questo: