Cascading Style Sheets (CSS) consentono un controllo preciso sopra elementi sulle tue pagine Web. Utilizzare i CSS per impostare i colori, ridimensionare i controlli e anche applicare un rientro ai paragrafi. Browser Web non applicare un rientro ai paragrafi per impostazione predefinita. Ci possono essere momenti, tuttavia, quando un paragrafo rientrato - come visto in libri di..--può aggiungere appeal visivo a una pagina Web. Definizione di una proprietà di "text-align" CSS in un foglio di stile CSS esterno, è possibile controllare il rientro del paragrafo di tutte le pagine sul tuo sito.

Istruzioni

1

Aprire Blocco note o un editor HTML e creare un nuovo documento.

2

Incollare il seguente codice CSS nel documento:

p {text-trattino: 1em;}

Questa linea di CSS viene impostata la proprietà "text-indent" dei paragrafi 1em. Gli sviluppatori possono specificare i valori di dimensione di font utilizzando pixel o unità "em". Un'unità em è equivalente alla dimensione del carattere corrente. In questo esempio, per esempio, un valore di 1em rientri un pixel 12 paragrafo se la dimensione corrente del carattere è 12 pixel. Il World Wide Web Consortium Internet consiglia l'utilizzo di unità di em di misurazioni. Se si sarebbe piuttosto specifica il numero di rientro utilizzando pixel, incollare il codice seguente nel documento invece:

p {text-trattino: 12px;}

3

Salvare il documento con un'estensione di file con estensione CSS. Per esempio, se si desidera il nome "MyStylesheet", salvarlo come "MyStyleSheet." Questo crea il tuo foglio di stile CSS che può fare riferimento qualsiasi pagina sul tuo sito Web.

4

Aprire uno dei documenti HTML utilizzando l'editor HTML o blocco note.

5

Aggiungere un paragrafo alla sezione di "corpo" del documento come mostrato di seguito:

< p >

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud esercitazioni ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

</p >

Questo paragrafo contiene testo fittizio "Lorem Ipsum". Gli sviluppatori Web utilizzano testo "Lorem Ipsum" per assistere con design e layout di pagina. Inserendo abbastanza di questo testo in una pagina Web, si può vedere l'aspetto di un intero paragrafo con rientro.

6

Aggiungere la seguente istruzione di collegamento foglio di stile per la sezione "head" del documento:

< link href="xyz.css" rel = "stylesheet" type = "text/css" / >

Questo aggiunge un riferimento a un foglio di stile CSS esterno. Sostituire "xyz.css" con il nome del foglio di stile creato.

7

Salvare il documento HTML e visualizzarlo nel browser. Il browser will trattino del paragrafo per la quantità di spaziatura che si imposta nel foglio di stile.

Consigli & Avvertenze

• Modificare il valore di em o pixel nel foglio di stile a tutti i valori che ti piace. Dopo aver apportato una modifica, è possibile visualizzare la pagina Web in un browser per vedere come la modifica interessa il rientro del paragrafo.
• Aggiungere l'istruzione di "link" foglio di stile a qualsiasi pagina Web che richiede il rientro del paragrafo.