August 19
Qualsiasi ASCII (American Standard Code for Information Interchange) di carattere - il set di caratteri in lingua inglese ed extra, codificati in numeri - può diventare un proiettile per le liste HTML. Disattivando proiettili di default e la creazione di un ": prima di" pseudo-elemento è possibile inserire qualsiasi carattere di fronte a voci di elenco da utilizzare come proiettili. Il codice è necessario per il carattere stesso è chiamato un "equivalente esadecimale", che si può trovare nella domanda Mappa caratteri in Windows. La faccina è uno dei personaggi a vostra disposizione.
1 Aprire la pagina Web in Blocco note o un editor di codice. Creare una lista non ordinata:
<Ul id = "smiley">
<Li> # lista Articolo 1 </ li>
<Li> # Lista Articolo 2 </ li>
<Li> # lista Articolo 3 </ li>
<Li> # Lista Articolo 4 </ li>
</ Ul>
Nelle pagine web, le liste non ordinate fanno elenchi puntati. Ogni "<li>" tag rappresenta una voce di elenco puntato.
2 Trovare il "<style>" tag nella parte superiore del codice HTML. Se si vede nessuno, aggiungere questo codice tra le "<head>" tag:
<Style type = "text / css">
</ Style>
3 Spegnere i proiettili di default in CSS:
smiley {
list-type: none;
}
4 Creare una pseudo-elemento che pone il contenuto prima di ogni elemento della lista, in cui il proiettile sarebbe normalmente andare:
smiley: prima {
contenuto: "";
}
5 Aggiungere il valore esadecimale sfuggito per una faccina sorridente:
smiley: prima {
tenore: "\ 263A";
}
I valori esadecimali per i caratteri speciali si trovano nel programma Mappa caratteri in Windows. Quando si fa clic sul carattere faccina nella Mappa Caratteri il codice "U + 263A" appare nella parte inferiore dello schermo. La parte "263A" è il codice esadecimale. Nella proprietà "contenuti" di questo codice esadecimale ha bisogno della barra di fronte ad essa per funzionare, come mostrato.
6 Aggiungere un po 'di imbottitura lato sinistro per creare spazio tra lo smiley e il testo elemento della lista:
smiley: prima {
tenore: "\ 263A";
padding-left: 10px;
}