Hvordan sette Marginene på websider

Hvordan sette Marginene på websider


Web-sider er komponert med HTML. kan legges stil med den stilen attributtet eller gjennom Cascading Style Sheets (CSS). Stilen attributtet kan inkluderes i selve HTML-dokumentet, mens CSS må knyttes fra nettsiden. Selv om marginen eiendommen kan stilles inn med stil attributt, er den foretrukne metode for å bruke CSS, fordi dette gjør at flere websider for å være knyttet til denne ene stilark.

Bruksanvisning

1 Åpne et tekstredigeringsprogram som Notisblokk eller TextEdit. Hvis du foretrekker å bruke en HTML-editor, åpne HTML editor.

2 Åpne din webside i din tekst eller HTML editor. I <head> delen av HTML-dokument, gi en link til CSS-filen du vil skape. For å gjøre dette, skriver en større-enn-symbolet (<) etterfulgt av en skråstrek og en mindre enn symbol (/>). Mellom disse symbolene, type:

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

Lagre HTML-dokumentet.

3 Åpne et nytt dokument i tekst eller HTML-editor. Type "@charset" utf-8 ";" øverst i dokumentet. På neste linje, skriv:

kropp{

4 Skriv "margin-top:" i linjen etter "body {" for å sette toppmargen for kroppen av dokumentet. Du kan også stille inn høyre, venstre og bunn marginer ved å skrive "margin-right :," "margin-left:" og "margin-bottom :."

5 Angi margene for hver i piksler. For en topp-margin på 50 piksler, for eksempel inn "margin-top: 50 piksler ;." Lukk kroppen delen med en venstre klammeparentes ( "}"). Hele CSS-filen vil kanskje se slik ut:

@charset "utf-8";

kropp{

margin-top: 50 piksler;

margin-right: 40px;

margin-bottom: 30px;

margin-left: 20px;

}

6 Lagre CSS-filen som "style.css" og plassere den i samme katalog der HTML-dokumentet lagres (for eksempel plassere begge i samme mappe på skrivebordet). Last opp begge filene til samme katalog på webserveren på din vert leverandør.

Hint

  • En forkortelse måte å definere marginene er å skrive "margin: 50 piksler 40px 30px 20px;" i CSS-filen. Marginene vil bli satt i følgende rekkefølge: topp, høyre, bunn, venstre. Hvis bare én verdi er definert, vil denne verdien brukes til å sette alle fire marginer.
  • Hvis du ikke ønsker å bruke CSS, bruker de samme prinsippene for å sette margene ved hjelp av stilen attributtet. For eksempel "style =" margin-top: 10px "" i innledende <body> for å sette toppmargen til 10 piksler.