CSS -Consigli e lezioni – Elenchi puntati

Se dobbiamo fare degli elenechi di qualsivoglia argomento, abbiamo a nostra disposizione due possibilità:
Liste ordinate o liste non ordinate.
In HTML questi due elementi si codificano con i tag

<ol></ol> e <ul></ul>.

In ambedue i casi, gli elementi che compongono le voci dell’elenco, vengono contrassegnati dall’elemento <li></li>, con chiusura dell’elemento obbligatoria se si codifica in HTML 5.

Limitandoci al solo uso del codice HTML, le scelte sono solo queste due, senza poter indicare delle preferenze o delle scelte particolari.
Utilizzando invece il codice CSS, vediamo che si può dare alle due liste, delle persoanlizzazioni non da poco, ad esempio, scegliendo se visualizare o no il marcatore, se porlo all’interno dell’elenco o all’esterno, se usare lettere o numeri e se si usano i numeri, scegliere se usare i classici numeri arabi o quelli di tipo latino.
Nel caso poi di liste non ordinate, la scelta va a cerchi o quadrati, bianchio neri: inoltre si possono scegliere delle immagini da usare come segnaposto, a seconda della natura della lista.

ul{
    list-style-type : none;
  }

Oppure possiamo sostituire il segno di puntatura con altri segni o immagini a nostra discrezione

ul{
    list-style-type : none;
  }
CSS – Elenchi puntati e ordinati. Come gestirli.