Come impostare i margini sulle pagine Web

February 19

Come impostare i margini sulle pagine Web


Le pagine Web sono composte con l'HTML. Lo stile può essere aggiunto tramite l'attributo di stile o tramite i fogli di stile a cascata (CSS). L'attributo style può essere incluso nel documento HTML stesso, mentre i CSS deve essere collegato dalla pagina Web. Anche se la proprietà margine può essere impostato utilizzando l'attributo di stile, il metodo preferito è quello di utilizzare i CSS, perché questo permette a più pagine Web per essere collegati a questo singolo foglio di stile.

istruzione

1 Aprire un editor di testo come Blocco note o TextEdit. Se si preferisce utilizzare un editor HTML, aprire l'editor HTML.

2 Aprire la pagina Web nel testo o editor HTML. Nella sezione <head> del documento HTML, fornire un collegamento al file CSS si creerà. Per fare questo, digitare un simbolo maggiore di (<) seguito da una barra e un minore di simbolo (/>). Tra questi simboli, digitare:

link rel = "stylesheet" type = "text / css" href = "style.css"

Salvare il documento HTML.

3 Aprire un nuovo documento in vostro editor di testo o HTML. Tipo "@charset" utf-8 ";" nella parte superiore del documento. Nella riga successiva, digitare:

corpo{

4 Tipo "margin-top:" nella riga seguente "body {" per impostare il margine superiore del corpo del documento. È anche possibile impostare la destra, a sinistra e in basso i margini digitando "margin-right :," "margin-left:" e ":. margin-bottom"

5 Specificare i margini per ogni in pixel. Per un margine superiore di 50 pixel, ad esempio, digitare "margin-top: 50px ;." Chiudere la sezione del corpo con una parentesi graffa sinistra ( "}"). L'intero file CSS sarà potrebbe essere simile a questo:

@charset "utf-8";

corpo{

margin-top: 50px;

margin-right: 40px;

margin-bottom: 30px;

margin-left: 20px;

}

6 Salvare il file CSS come "style.css" e inserirlo nella stessa directory in cui è stato salvato il documento HTML (per esempio, posizionare entrambi nella stessa cartella sul desktop). Carica entrambi i file nella stessa directory sul server Web al vostro fornitore di host.

Consigli e avvertenze

  • Un modo veloce per definire i margini è di tipo "margin: 50px 40px 30px 20px;" nel file CSS. I margini vengono impostati nel seguente ordine: in alto, a destra, in basso, a sinistra. Se si definisce un solo valore, questo valore viene utilizzato per impostare tutti i quattro margini.
  • Se non si desidera utilizzare i CSS, utilizzare gli stessi principi per impostare i margini che utilizzano l'attributo style. Ad esempio, digitare "style =" margin-top: 10px "" in apertura tag <body> per impostare il margine superiore a 10 pixel.