Come spazio le parole quando si effettua una pagina Web

April 29

Come spazio le parole quando si effettua una pagina Web


HTML per sé non offre molti modi per parole spazio su una pagina web. Le intestazioni ei paragrafi ottenere qualche spaziatura predefinita in tutti i browser, ma solo il carattere di spazio no-break - - esiste per aggiungere spazio tra le lettere. Nel codice Cascading Style Sheet, però, i progettisti Web possono utilizzare la proprietà "word-spacing" "letter-spacing" e di ottenere il controllo regolare con precisione sopra la comparsa di parole sulle pagine web.

istruzione

1 Aprire il file HTML per la pagina Web in un editor di codice di scelta. Aggiungi il tuo testo, se è ancora necessario per farlo, e poi avvolgere il testo in un tag HTML come <h1> per una grande voce o <p> per un paragrafo. Aggiungere un attributo "class" per il tag in modo da poter indirizzare in CSS e riutilizzare il nome della classe per gli altri blocchi di testo che utilizzeranno lo stesso stile.

<P class = "distanziati"> Il testo va qui. </ P>

2 Scorrere fino alla parte superiore del vostro file HTML e cercare i tag <style> tra <head> e </ head> tag. Aggiungi il tuo CSS tra <style> e </ style> tag. È inoltre possibile aggiungere il codice CSS in un foglio di stile esterno se il sito utilizza uno. Ecco un esempio di codice CSS per il tag <p> con una "classe" di "distanziati":

p.spaced {

font-family: sans-serif;

colore: grigio;

}

Gli stili di sopra di codice qualsiasi tag <p> con un valore di attributo "class" di "distanziato" con il font di default sans-serif, nel colore grigio.

3 parole spaziali che utilizzano la proprietà "word-spacing" in CSS. Si tratta di un CSS 2.1 di proprietà, ed è compatibile con tutti i browser più diffusi. È possibile definire i valori dei pixel con "px" o valori em con "em" per questa proprietà. Alcuni progettisti preferiscono "em" perché è una misura relativa.

p.spaced {

word-spacing: 3px;

}

Nel codice di cui sopra, tutte le parole diventano tre pixel di spazio tra di loro. Questa distanza è, indipendentemente dalla dimensione del carattere, in modo da utilizzare con cautela. Quando si utilizza "em", 1-em è uguale alla dimensione del carattere corrente. Tre SME sarebbe quindi pari tre larghezze di carattere dipendenti dalla dimensione dei caratteri essendo distanziati. La proprietà "letter-spacing" nei CSS funziona allo stesso modo ed è anche compatibile con tutti i browser.

Consigli e avvertenze

  • Se il word-spacing non funziona, controllare la proprietà "text-align" per il testo. Se "text-align" è impostato su "giustificare", quindi cambiare a "sinistra" per vedere il tuo spaziatura tra parole in azione.