Nwlapcug.com


Codice HTML per nessuna distanza tra frasi

HMTL né CSS hanno codici specificamente per modificare la spaziatura tra le frasi in una pagina Web. Tuttavia, è possibile creare definizioni di modificare questa spaziatura utilizzando il "word-spacing" o "letter-spacing" proprietà dei CSS. In generale, utilizzare la proprietà di "word-spacing" per modificare la spaziatura di frase, come questo produce testo che è più leggibile.

Impatto di "word-spacing" e "letter-spacing"

Uno dei due modi di utilizzo di codice HTML per impostare la spaziatura tra le frasi consiste nell'impostare la proprietà di "word-spacing" dell'elemento desiderato nello spazio. Specificando un valore per questa proprietà, la quantità di spazio vuoto che appare tra tutte le parole al paragrafo, div, ancoraggio o altro elemento che si sta impostando lo stile per gli impatti. Ad esempio, questa definizione di stile lo spazio tra tutte le parole in tutti i paragrafi nei pixel di pagina 20 di HTML:

P {spaziatura tra parole: 20px;}

L'altro approccio alla personalizzazione la quantità di spazio tra le frasi è impostare la proprietà di "letter-spacing" di un elemento. Si noti che l'impostazione di questa proprietà verrà espandere o contrarre tutte le lettere nella frase interessata, che può rendere difficile la lettura quelle frasi. Questa definizione di stile imposta la spaziatura tra le lettere alle cinque pixel.

.wideSpacing {spaziatura tra lettere: 5px;}

Pagina Web di esempio

Prova la spaziatura personalizzata frase in una pagina Web mediante la scrittura di una pagina Web di esempio, uno utilizzando le definizioni di stile personalizzato per la proprietà di "letter-spacing" e "word-spacing". Avviare il progetto con un modello di pagina Web vuota, come quello alla fine di questa sezione.

< html >
< head >
< style >
< / stile >
< / head >
< corpo >
< / body >
< / html >

Salvare il modello di Web come un documento di testo normale con qualsiasi nome di file che terminano con "HTML" o "HTM".

Definire gli stili

Una volta che hai fatto una pagina Web vuota per ospitare i vostri esperimenti di frase-spaziatura, è possibile definire stili personalizzati per la pagina, nella sezione stile del modello Web. Le definizioni di stile seguendo questa sezione creano stili personalizzati che impatto spaziatura tra parole e spaziatura tra le lettere. Qualsiasi elemento in una pagina Web sarà in grado di utilizzare queste personalizzazioni. Dopo aver impostato la proprietà di un elemento classe il nome di una delle seguenti definizioni, l'elemento avrà la spaziatura di frase che è stato specificato per tale definizione.

.myWordSpacing {spaziatura tra parole: 10px;}
.myLetterSpacing {spaziatura tra lettere: 20px;}

Applicare stili definiti

Dopo aver creato la definizione di stile personalizzato tale spaziatura di frase di impatto, applicarle a elementi della pagina Web. Inizia a scrivere il testo cui frase spaziatura si desidera le definizioni personalizzate per cambiare. Ad esempio, è possibile scrivere un elemento paragraph con due semplici frasi.

< p > Jack e Jill è andato giù il tumulo. E mai più trovate. </p >

Dopo aver scritto le frasi di esempio per un elemento, modificare la spaziatura di frase personalizzando il suo stile. Farlo modificando le proprietà di stile dell'elemento, o modificandone la proprietà di classe.

< classe p = "myWordSpacing" > Jack e Jill è andato giù il tumulo. E mai più trovate. </p >

< classe p = "myLetterSpacing" > Jack e Jill è andato giù il tumulo. E mai più trovate. </p >