Tekst on veebiarenduses kesksel kohal ja selle suunamine on oluline sinu veebilehe visuaalse üldpildi jaoks. Olenemata sellest, kas teed lihtsat projekti või töötad keerulise veebirakendusega, õige suunamine võib sinu disaini täiustada. See õpetus tutvustab sulle teksti suunamise aluseid CSS abil ja näitab, kuidas positsioneerida tekste mõistlikult.
Olulised järeldused
- Teksti suunamist saab kontrollida CSS-i omaduse text-align abil.
- Vaikimisi on tekstisuund enamikus brauserites „vasakule”.
- Suundamist saab muuta „paremale”, „keskjoonelt” või „punktijärje” järgi.
- Suunamine mõjutab ka teksti paigutust ja lugemisvoogu.
Samm-sammult juhend
1. Tekst vasakule suunatud
Vaikimisi suunamise testimiseks lisame esmalt tekstiploki, mille suund on seadistatud „vasakule”. Seda funktsionaalsust saavutatakse CSS-i omadusega text-align: left;. See on kõige levinum tekstisuuna vorm ja vastab enamikus läänes kasutatavates kirjasüsteemides.
2. Teksti keskjoonelt suunamine
Teksti keskjoonelt suunamiseks muudame CSS-i reegli text-align: center;. Seda suunda kasutatakse sageli pealkirjade või erilise tekstiosa rõhutamiseks. Kogu tekst jaotub ühtlaselt keskele, mis on tihti esteetilistel eesmärkidel efektiivne.
3. Tekst paremale suunatud
CSS-i reegliga text-align: right; saad saavutada, et tekst on paremal äärel suunatud. Seda tehnikat võib kasutada spetsiaalsete paigutuste või disainijuhiste jaoks ning seda kasutatakse sageli mitmekeelselt veebilehtedel, mida loetakse paremalt vasakule, nagu näiteks araabia keeles.
4. Punktijärgi kasutada
Punktijärgi, kus tekst jaotatakse ühtlaselt üle kogu laiuse, saab samuti luua CSS-i abil. Seda tehakse omaduse text-align: justify; kaudu. Selline suund tagab, et tekst näeb välja korralik, kuid mõnel juhul võib see põhjustada soovimatuid tühikuid ridade vahel.
Kokkuvõte – Teksti suunamise alused CSS-i abil
Selles õpetuses oled õppinud, kuidas tekste oma veebiprojektides CSS-i abil suunata. Vaikimisi suund on „vasakule”, kuid lihtsate muudatustega saad teksti tsentreerida, suunata paremale või punktijärje järgi esitada. Need oskused on olulised, et teha sinu veebilehed atraktiivseks ja kasutajasõbralikuks.
Korduma kippuvad küsimused
Kuidas saan teksti õigesti suunata mitmes keeles?Sa saad kasutada CSS-i omadust direction, et vormindada teksti RTL-keelte jaoks.
Mis vahe on text-align ja float vahel?text-align kontrollib sisu suunamist elemendi sees, samas kui float ümbritseb elemente ja eemaldab need dokumendi tavalisest voost.
Kas ma saan tekstisuunda muuta sõltuvalt ekraani suurusest?Jah, sa saad kasutada meedia päringuid CSS-is, et määrata erinevaid paigutusi või suundi erinevatele ekraanisuurustele.
