Innhold

• retninger
• Slik justerer du teksten
• venstre {
• høyre {
• sentrum {
• Hvordan sentralisere divisjoner, kontur og kroppsdeler
• tips
• Hva du trenger

I stedet for å bruke HTML-justeringsattributtene i HTML-kodene som markerer teksten, er det bedre for webdesignere å overføre presentasjonsinformasjon (justeringsalternativer) til stilarket. Denne artikkelen vil forklare hvordan du justerer tekst og hvordan du senterer større sideelementer, for eksempel divisjoner.

retninger

Med stilark kan du justere og sitte mer enn teksten (nettside layout bilde av 6922Designer fra Fotolia.com)

Slik justerer du teksten

1. For å justere tekst i en vanlig tekstblokk, for eksempel et avsnitt eller en henvisning, bruk tekstjusteringsegenskapen.

2. Verdiene for tekstjusteringsegenskapen er venstre, høyre, senter og rettferdiggjøre. Fordi rettferdig tekst ikke er veldig lesbar på nettet, viser illustrasjonen bare venstre, høyre og midtjusteringer. I denne illustrasjonen har hvert avsnitt en svart ramme for å vise størrelsen på blokkelementet på siden hvis en breddejustering ikke brukes på elementet.

3. Vanligvis er et element tilordnet et id eller en klasse. Tekstjustering på noen elementer i denne id eller klasse er definert med en regel, for eksempel følgende:

   
   

   venstre {

   tekstjustering: venstre; }

   høyre {

   tekstjustering: høyre; }

   sentrum {

   tekstjustering: center; }

Hvordan sentralisere divisjoner, kontur og kroppsdeler

1. Du ønsker kanskje å sentrere en hel layout eller et stort layout. I disse tilfellene brukes en annen CSS-teknikk.

2. Du bruker CSS-regelen til selgeren av det største elementet du vil sentrere. Det kan være kroppselementet, en grenseavdeling eller en containerdivisjon.

3. Sentering med denne metoden påvirker ikke tekstjustering. Det sentrerte elementet beholder standard venstrejustering av teksten i det sentrale elementet.

4. Følgende er en illustrasjon av et helt kroppsdel ​​(med en svart ramme for klarhet) sentrert på en side. En bredde må settes for elementet, så er venstre og høyre margin angitt til automatisk. Dette gjøres som følger:

   
   

   kropp {bredde: 80%; margin-høyre: auto; margin-left: auto; grense: 1 px solid svart; }

tips

• Normalt trenger du ikke å bruke justering-venstre, siden venstrejustering er standard.Du må imidlertid være oppmerksom på at den eksisterer, hvis du må omdefinere tidligere sentralisert eller rettjustert tekst til standard senere. Bredden på elementet som skal senteres, kan defineres i piksler, prosenter eller ems.

Hva du trenger

• Tekstredigerer
• HTML-editor
• Grunnleggende HTML-kunnskaper