Indhold

• retninger
• Sådan justeres teksten
• venstre {
• højre {
• center {
• Sådan centraliseres divisioner, kontur og kropsafdelinger
• tips
• Hvad du har brug for

I stedet for at bruge HTML-tilpasningsattributterne indeholdt i HTML-tags, der markerer teksten, er det bedre for webdesignere at overføre præsentationsoplysninger (justeringsindstillinger) til stilarket. Denne artikel vil forklare, hvordan du justerer tekst og hvordan du centrerer større sideelementer, såsom divisioner.

retninger

Stilark giver dig mulighed for at justere og centrere mere end teksten (hjemmeside layout billede ved 6922Designer fra Fotolia.com)

Sådan justeres teksten

1. Hvis du vil justere tekst inden for en normal tekstblok, f.eks. Et afsnit eller et citat, skal du bruge tekstjusteringsegenskaben.

2. Værdimulighederne for tekstjusteringsegenskaben er venstre, højre, center og retfærdiggøre. Da berettiget tekst ikke er meget læselig på internettet, viser illustrationen kun venstre, højre og centerjusteringer. I denne illustration har hvert afsnit en sort ramme for at vise størrelsen af ​​blokelementet på siden, hvis en breddejustering ikke anvendes på elementet.

3. Typisk er et element tildelt et id eller en klasse. Tekstjustering på ethvert emne i denne id eller klasse er defineret med en regel, som fx følgende:

   
   

   venstre {

   tekst-align: left; }

   højre {

   tekst-align: højre; }

   center {

   tekst-align: center; }

Sådan centraliseres divisioner, kontur og kropsafdelinger

1. Du kan måske centrere et helt layout eller et stort layout. I disse tilfælde anvendes en anden CSS-teknik.

2. Du anvender CSS-reglen til vælgeren af ​​det største element, du vil centrere. Det kan være kropselementet, en grænsedeling eller en containerafdeling.

3. Centrering med denne metode påvirker ikke tekstjustering. Det centrerede element vil beholde standard venstrejustering af teksten inden for det centrerede element.

4. Følgende er en illustration af et helt kropselement (med en sort kant for klarhed) centreret på en side. En bredde skal indstilles for elementet, så er venstre og højre margen sat til automatisk. Dette gøres som følger:

   
   

   krop {bredde: 80%; margen-højre: auto; margen-venstre: auto; border: 1px solid black; }

tips

• Normalt behøver du ikke bruge justeret til venstre, da venstrejustering er standard.Du skal dog være opmærksom på, at den eksisterer, hvis du skal omdefinere tidligere centraliseret eller højrejusteret tekst til standard senere. Bredden af ​​elementet, der skal centreres, kan defineres i pixels, procentsatser eller ems.

Hvad du har brug for

• Tekst editor
• HTML editor
• Grundlæggende HTML-viden