April 23
Né HTML nè CSS hanno codici appositamente per cambiare la spaziatura tra le frasi in una pagina Web. Tuttavia, è possibile creare definizioni che cambiano la distanza utilizzando la proprietà "lettera-spaziatura" di CSS "word-spacing" o. In generale, utilizzare la proprietà "word-spacing" per cambiare la spaziatura frase, come questo produce il testo che è più leggibile.
Uno dei due modi di usare il codice HTML per impostare la spaziatura tra le frasi è quello di impostare la proprietà "word-spacing" dell'elemento che si desidera spazio. Specificando un valore per questa proprietà impatti la quantità di spazio bianco che appare tra tutte le parole nel paragrafo, div, ancoraggio o un altro elemento che si sta impostando lo stile. Ad esempio, questa definizione stile fa lo spazio tra tutte le parole di tutti i paragrafi nella pagina HTML 20 pixel:
P {word-spacing: 20px;}
L'altro approccio alla personalizzazione la quantità di spazio tra una frase è quello di impostare la proprietà "letter-spacing" di un elemento. Si noti che l'impostazione di questa proprietà sarà espandere o contrarre tutte le lettere nella frase in questione, che può rendere quelle frasi difficili da leggere. Questa definizione di stile imposta la spaziatura tra le lettere a cinque pixel.
.wideSpacing {letter-spacing: 5px; }
Testare la spaziatura frase personalizzata in una pagina Web, scrivendo una pagina Web di esempio, uno che utilizza definizioni di stile personalizzato per la proprietà "lettera-spaziatura" "word-spacing" e. Inizia questo progetto con un modello di pagina Web vuota, come quella alla fine di questa sezione.
<Html>
<Head>
<Style>
</ Style>
</ Head>
<Body>
</ Body>
</ Html>
Salvare il modello Web come un documento di testo con qualsiasi nome di file che termina in "HTML" o "HTM".
Una volta che hai fatto una pagina Web vuota per ospitare i vostri esperimenti frase-spaziatura, definire gli stili personalizzati per la pagina, nella sezione Stile del Web template. Le definizioni di stile seguenti questa sezione di creare stili personalizzati che la spaziatura spaziatura tra parole impatto e lettera. Ogni elemento nella pagina Web sarà in grado di utilizzare queste personalizzazioni. Dopo aver impostato proprietà di classe di un elemento per il nome di una delle seguenti definizioni, l'elemento assumerà la frase spaziatura che hai specificato per tale definizione.
.myWordSpacing {word-spacing: 10px; }
.myLetterSpacing {letter-spacing: 20px; }
Dopo aver creato definizione di stile personalizzato che la spaziatura frase impatto, applicarli a elementi della pagina Web. Inizia la scrittura del testo di cui si desidera che le definizioni personalizzate per modificare la spaziatura frase. Ad esempio, è possibile scrivere un elemento di paragrafo con due semplici frasi.
<P> Jack e Jill è andato giù il tumulo. E mai più stati che hanno trovato. </ P>
Dopo aver scritto le frasi di esempio per un elemento, modificare la spaziatura frase personalizzando il suo stile. Farlo modificando proprietà Style dell'elemento, o cambiando la sua proprietà di classe.
<P class = "myWordSpacing"> Jack e Jill è andato giù il tumulo. E mai più stati che hanno trovato. </ P>
<P class = "myLetterSpacing"> Jack e Jill è andato giù il tumulo. E mai più stati che hanno trovato. </ P>