Dažniausiai naudojami pagrindiniai stiliai yra teksto lygiavimas ir pagrindimas, tai padeda mums rasti tekstą ir padaryti jį labiau suderinamą su aplinka, įsivaizduokime, kad turime pateikti naujienų santrauką ir norime, kad ji išsiskirtų iš kitą tekstą, galėtume padaryti, kad jo derinimas būtų sutelktas taip, kad pasiektume iškilumą, kurio norėjome pradžioje.
Norėdami tai pasiekti, naudosime dvi savybes:
1. teksto lygiavimas: Nurodo, kad teksto bloko lygiavimas gali turėti reikšmes: pradžia, pabaiga, kairė, dešinė, centras, pagrindimas.
2. pagrįsti tekstu: Nurodoma technika, kuri bus naudojama tekstui pagrįsti, kai teksto lygiavime pasirenkamas pateisinimas.
Pažiūrėkime šiek tiek kodo, kuriame tai taikome:PavyzdysYra daug įvairių vaisių - vien tik bananų yra daugiau nei 500 veislių. Kai pridėsime daugybę obuolių, apelsinų ir kitų gerai žinomų vaisių rūšių, susidursime su tūkstančiais pasirinkimų. Vienas iš įdomiausių vaisių aspektų yra kiekvienoje šalyje prieinama įvairovė. Aš gyvenu netoli Londono, rajone, kuris yra žinomas dėl savo obuolių.
Pradžia Pabaiga Kairė Dešinė Išlyginimo centras
Šioje kodo dalyje mes padarėme a scenarijus su kalba Javascript tai leidžia mums pakeisti atributą lygiuoti tekstą kad, paleidę jį savo naršyklėje, pamatytume skirtumą tarp kiekvieno atributo ypatybių vertės. Pažiūrėkime, kaip naršyklėje turime keletą šių taikomų savybių:
DIDELIS
Dabar pažvelkime į kitas jo savybes HTML5 kai tekste yra tuščių, dvigubų ar trigubų tarpų, naršyklė paprastai juos pakeičia viena erdve, pvz., tuščiomis eilutėmis, ji į juos nekreipia dėmesio, kad galėtume dirbti su juo balta vieta, ji gali turėti šiuos požymius:
- normalus: Tai yra numatytoji naršyklės vertė, nepaisoma kelių tarpų ir naujų eilučių.
- nowrap: Tokiu atveju tarpai ignoruojami, tačiau eilučių pertraukos yra laikomasi.
- iš anksto: Išsaugoma balta erdvė ir tik eilučių pertraukos.
- išankstinė linija: Erdvė ignoruojama, tačiau eilučių pertrauka paisoma.
- išankstinis įvyniojimas: Laikomasi baltos spalvos tarpo ir, kai nurodoma arba kai to reikalauja blokas, bus eilučių pertrauka.
Pažiūrėkime pavyzdį:
PavyzdysYra daug įvairių vaisių - vien tik bananų yra daugiau nei 500 veislių. Kai pridėsime daugybę obuolių, apelsinų ir kitų gerai žinomų vaisių rūšių, susidursime su tūkstančiais pasirinkimų. Vienas iš įdomiausių vaisių aspektų yra kiekvienoje šalyje prieinama įvairovė. Aš gyvenu netoli Londono, rajone, kuris yra žinomas dėl savo obuolių.
Kaip matome, į tekstą įtraukėme kelis dvigubus tarpus ir nurodėme, kad naudosime nuosavybę išankstinė linija, Pažiūrėkime, ką mums parodys naršyklė:
