Vsebina

• Navodila
• Kako poravnati besedilo
• levo {
• desno {
• center {
• Kako centralizirati delitve, delitve kontur in telesa
• Kako
• Kaj potrebujete

Namesto uporabe atributov HTML, ki jih vsebujejo oznake HTML, ki označujejo besedilo, je bolje, da spletni oblikovalci prenesejo predstavitvene informacije (možnosti poravnave) v slogovni list. Ta članek bo razložil, kako uskladiti besedilo in kako centrirati večje elemente strani, kot so delitve.

Navodila

Listi slogov vam omogočajo, da poravnate in centrirate več kot besedilo (podoba spletne strani s 6922Designer iz Fotolia.com)

Kako poravnati besedilo

1. Za poravnavo besedila v običajnem bloku besedila, kot je odstavek ali citat, uporabite lastnost za poravnavo besedila.

2. Možnosti vrednosti za lastnost poravnave besedila so levo, desno, sredinsko in upravičeno. Ker utemeljeno besedilo ni zelo berljivo na spletu, ilustracija prikazuje levo, desno in sredinsko poravnavo. Na tej sliki ima vsak odstavek črno obrobo, ki prikaže velikost elementa bloka na strani, če prilagoditev širine ni uporabljena za element.

3. Običajno je element dodeljen id ali razredu. Poravnava besedila za vse elemente v tem ID-ju ali razredu je določena s pravilom, kot je naslednje:

   levo {

   poravnava besedila: levo; }

   
   

   desno {

   poravnava besedila: desno; }

   center {

   text-align: center; }

Kako centralizirati delitve, delitve kontur in telesa

1. Morda boste želeli centrirati celotno postavitev ali veliko postavitev. V teh primerih se uporablja drugačna tehnika CSS.

2. Pravilo CSS uporabite za izbirnik največjega elementa, ki ga želite centrirati. Lahko je element telesa, delitev meje ali delitev kontejnerjev.

3. Centriranje s to metodo ne vpliva na poravnavo besedila. Centered element bo obdržal privzeto levo poravnavo besedila znotraj centriranega elementa.

4. V nadaljevanju je prikazan celoten element telesa (s črno obrobo za jasnost) s središčem na strani. Za element mora biti nastavljena širina, nato sta levi in ​​desni rob nastavljeni na samodejno. To se izvede na naslednji način:

   telo {širina: 80%; margin-right: auto; margin-left: auto; obroba: 1px polna črna; }

Kako

• Običajno vam ni treba uporabljati align-left, saj je privzeta leva poravnava.Vendar pa se morate zavedati, da obstaja, če boste morali kasneje na novo definirati predhodno centralizirano ali desno poravnano besedilo. Širina elementa, ki ga želite centrirati, je lahko definirana v pikslih, odstotkih ali ems.

Kaj potrebujete

• Urejevalnik besedila
• Urejevalnik HTML
• Osnovno znanje HTML