Sisu

• Juhised
• Teksti joondamine
• lahkus {
• õigus {
• keskus {
• Kuidas jaotada jaotused, kontuuri ja kehaosad
• Kuidas
• Mida sa vajad

Selle asemel, et kasutada HTML-märgendites sisalduvaid HTML-joondustribuute, mis on teksti tähistavad, on veebidisaineritel parem edastada esitlusandmeid (joondamisvalikud) stiililehe. Selles artiklis selgitatakse, kuidas teksti ühtlustada ja kuidas suuremad leheküljeelemendid, näiteks jaotised, keskendada.

Juhised

Stiililehed võimaldavad teil tekstist rohkem joondada ja keskele paigutada (veebilehe kujunduse pilt 6922Designerilt Fotolia.com-lt)

Teksti joondamine

1. Teksti joondamiseks tavalise tekstiploki, näiteks lõike või tsitaadi vahel kasutage teksti joondamist.

2. Teksti joondamise väärtuse väärtuste valikud on vasakul, paremal, keskel ja õigustavad. Kuna põhjendatud tekst ei ole veebis väga loetav, näitab joonis ainult vasakut, paremat ja keskjoont. Selles näites on igal lõigul must äär, mis näitab lehekülje plokielemendi suurust, kui elementile ei rakendata laiuse reguleerimist.

3. Tavaliselt määratakse element id või klassile. Selle id või klassi ükskõik millise elemendi teksti joondamine on määratletud reegliga, nagu näiteks:

   
   

   lahkus {

   teksti joondamine: vasakule; }

   õigus {

   text-align: right; }

   keskus {

   teksti joondamine: keskus; }

Kuidas jaotada jaotused, kontuuri ja kehaosad

1. Võib-olla soovite keskele paigutada kogu paigutuse või suure paigutuse. Sellistel juhtudel kasutatakse erinevat CSS-tehnikat.

2. Rakendate CSS-reeglit selle suurima elemendi valijale, mida soovite keskendada. See võib olla kehaelement, piiriosa või konteinerjaotus.

3. Selle meetodiga tsentreerimine ei mõjuta teksti joondamist. Keskne element säilitab keskmises elemendis teksti vasakpoolse joondamise.

4. Järgnevalt on kujutatud terve kehaelemendi (mustade piiridega selguse huvides), mis on lehekülje keskel. Elemendile tuleb seada laius, seejärel on vasak- ja parempoolsed margid seadistatud automaatseks. Seda tehakse järgmiselt:

   korpus {laius: 80%; marginaal-parem: auto; margin-left: auto; piir: 1px must; }

   
   

Kuidas

• Tavaliselt ei pea te kasutama joondust vasakule, kuna vasakpoolne joondamine on vaikimisi.Siiski peate teadma, et see on olemas, kui peate eelnevalt tsentraliseeritud või parempoolse joondusega teksti vaikimisi hiljem määratlema. Keskendatava elemendi laiust saab määrata pikslites, protsentides või ems.

Mida sa vajad

• Tekstiredaktor
• HTML-redaktor
• HTML-i põhiteadmised