In questa pagina cercheremo di  spiegarvi come utilizzare i vari stili tipografici che potete utilizzare nei vostri contenuti. Questi Stili sono contenuti nel file css e sono facilmente richiamabili come impostato negli esempi che troverete qua di seguito.
Buon Divertimento.

Questo è un COMPONENTHEADING

Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.

Questo è un Heading 1

Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.

Questo è un Heading 2

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst.

Questo è un Heading 3

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

Questo è un Heading 4

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget consectetuer malesuada Phasellus Curabitur.

 

Qui di seguito un esempio di  <pre> o <div class="code">

#errore {
	width: 480px;
	float: right;
	color: #004080;
}

#nota {
	width: 480px;
	float: left;
	color: #004080;
}

Questo è un esempio di  Lista Ordinata - <ol><li>....</li></ol>

1. Quisque augue elit dolor nibh
2. Lorem ipsum dolor sit amet consectetuer.
3. Condimentum quis.
4. Congue Quisque augue elit dolor nibh.

Questo è un esempio di  Lista Non Ordinata - <ul><li>....</li></ul>

• Quisque augue elit dolor nibh.
• Condimentum quis.
• Congue Quisque augue elit dolor.
• Nunc cursus sem et pretium sapien eget.

Questo è un esempio di nota fermata da una coccinella. Utilizzare <p class="coccinella">ll vostro testo va qui</p> per formare una nota tipo questa.

Questo è un esempio di nota fermata da un pin. Utilizzare <p class="pinnote">Il vostro testo va qui</p> per formare la nota con questo effetto.

Questo è un esempio di nota contenuta in un blocco fermato da una clip. Utilizzare <p class="clipnote">Il vostro testo da inserire nella nota va qui</p> per formare la nota.

questo è un esempio di  Blockquote. Utilizzare <blockquote>Il vostro messaggio da quotare va inserito qui!</blockquote> per formare una quote!

01Questo è un esempio di numero grande. Utilizzare <p class="blocknumber"><span class="bignumber">01.</span>Inserire qui il vostro testo</p> per formare un blocco numerato.

02Questo è un esempio di numero grande. Utilizzare <p class="blocknumber"><span class="bignumber">02.</span>Inserire qui il vostro testo</p> per formare un blocco numerato.

03Questo è un esempio di numero grande. Utilizzare <p class="blocknumber"><span class="bignumber">02.</span>Inserire qui il vostro testo</p> per formare un blocco numerato.

Questo è un esempio di messaggio di errore. Utilizzare <p class="error">Il vostro messaggio qui</p>.

Questo è un esempio di messaggio informativo. Utilizzare <p class="message">Il vostro messaggio qui!</p>.

Questo è un esempio di messaggio di aiuto. Utilizzare <p class="tips">Il vostro messaggio qui</p>.

Questa è una  frase evidenziata. Utilizzare <span class="highlight">La frase da evidenziare va qui</span>.

Questo è un esempio di stile giornalistico. La prima lettera di questo paragrafo è molto più grande delle altre. Per far questo utilizzare lo stile drop cap soltanto per la lettera da ingrandire.