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.