Come rientrare un paragrafo durante la creazione di una pagina web con un foglio di stile CSS

November 18

Come rientrare un paragrafo durante la creazione di una pagina web con un foglio di stile CSS


Cascading Style Sheets (CSS) offrono un controllo preciso su elementi su pagine Web. Utilizzare i CSS per impostare i colori, i controlli di dimensione e persino rientrare i paragrafi. i browser web non rientrare i paragrafi per impostazione predefinita. Ci possono essere momenti, tuttavia, quando una frastagliata punto - come visto in libri - possono aggiungere fascino visivo a una pagina Web. Con la definizione di un CSS proprietà "text-align" in un foglio di stile CSS esterno, è possibile controllare il rientro del paragrafo di tutte le pagine del tuo sito.

istruzione

1 Aprire Blocco note o l'editor HTML, e creare un nuovo documento.

2 Incollare il seguente codice CSS nel documento:

p {text-trattino: 1em;}

Questa linea di CSS imposta la proprietà "text-rientro" dei paragrafi a 1em. Gli sviluppatori possono specificare i valori delle dimensioni dei caratteri utilizzando pixel o unità "em". Un'unità em è equivalente alla dimensione del font corrente. In questo esempio, per esempio, un valore di 1em rientrare un paragrafo 12 pixel se la dimensione del carattere corrente è di 12 pixel. Il World Wide Consortium Internet consiglia di utilizzare em unità di misura. Se si preferisce specificare la quantità di indentazione utilizzando pixel, incollare il seguente codice nel documento invece:

p {text-trattino: 12px;}

3 Salvare il documento con estensione file css. Per esempio, se si desidera il nome "MyStylesheet," salva come "MyStyleSheet.css." Questo crea il tuo foglio di stile CSS che ogni pagina del tuo sito web può fare riferimento.

4 Aprire uno dei documenti HTML usando il vostro editor HTML o Notepad.

5 Aggiungere un paragrafo alla sezione "corpo" del documento, come illustrato di seguito:

<P>

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod Tempor ut incididunt 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 fittizio testo "Lorem Ipsum". Gli sviluppatori Web utilizzano testo "Lorem Ipsum" per assistere con impaginazione e il design. Inserendo abbastanza di questo testo in una pagina web, si può vedere come un intero paragrafo guarda con indentazione.

6 Aggiungere la dichiarazione foglio di collegamento seguente stile alla sezione "testa" del documento:

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

Ciò aggiunge un riferimento a un foglio di stile CSS esterno. Sostituire "xyz.css" con il nome del foglio di stile si è creato.

7 Salvare il documento HTML e visualizzarlo nel browser. Il browser rientrare il paragrafo per l'importo distanza impostata nel foglio di stile.

Consigli e avvertenze

  • Modificare il em o il valore di pixel nel foglio di stile per tutti i valori che ti piace. Dopo aver effettuato una modifica, visualizzare la pagina Web in un browser per vedere come il cambiamento influisce indentazione del paragrafo.
  • Aggiungere il foglio di stile dichiarazione "link" a qualsiasi pagina Web che richiede il rientro del paragrafo.