CSS aplikacijski centar: tekst i tablica

Informacijski svijet u bilo kojoj od svojih aproksimacija predstavljen je elementima i sustavima elemenata, riječi i tekstova, ili u posljednjem formaliziranom primjeru - tekstovima i tablicama. Možete razmotriti druge dobro poznate strukture podataka, kao i slike, ali druga pitanja se odnose na CSS i HTML probleme kao dio oblikovanja teksta.

Ispravna struktura stranice stranice uključuje određivanje položaja svakog elementa. HTML dokument je uvijek niz elemenata na čije preslikavanje izravno utječu tri osnovna pravila:
  • apsolutno pozicioniranje;
  • mjesto u općem toku;
  • z-indeks.
  • Ostale su mogućnosti postavljanja također važne, što zahtijeva veliko znanje za rješavanje problema pomoću CSS "usredotočenog teksta".

    Pravila za centriranje i usklađivanje

    CSS pravila nadopunjuju HTML dokument, ali bez pravila, potonji se može nositi s bilo kojom opcijom usklađivanja. Široka upotreba mobilnih uređaja i briga o dizajnu u smjeru veće jednostavnosti i "pravokutnosti" čini pitanje centriranja relevantnim, dok drugo poravnanje često gubi vrijednost.


    Glavni element stranice je blok opisan u određenom stilu. Pravilo za horizontalno poravnanje: poravnavanje teksta može potrajati, kao što se već dogodilo, samo četiri vrijednosti (lijevo, središte, desno, opravdanje). Vertikalno poravnanje možete izvesti kombiniranjem vrijednosti pravila visine i visine retka: {
    visina: 88px; //s ovom relacijom
    line-height: 88px; //css bysrednji tekst - okomito
    } Možete eksperimentirati s drugim pravilima. U izvorima se spominje interpretacija bloka po pravilima: tablica, prikaz: ćelija tablice i vertikalno poravnanje: sredina; ali to ne funkcionira uvijek.


    Poravnavanje teksta pomoću tablica

    Jedina struktura podataka koja je najprije razumljiva i živi vječno, tablica. Ona također osigurava vertikalno i horizontalno poravnanje, osim toga, pitanje kako postaviti tekst na središte CSS-a, kada se koriste tablice, prestaje imati složeno značenje.
    Sadašnja praksa korištenja pravila CSS-a za postizanje jednog ili drugog cilja u markupu daleko je od toga da uvijek zadovolji koncept kaskadnih stilskih lista. Ništa ne sprečava developer da centrira u bilo kojem smjeru stavljanjem sadržaja u središnju ćeliju tablice od tri stupca i tri retka. Ovo rješenje nije standardno, nego učinkovito. Umjesto dugačkog i savjesnog rješavanja problema vezanog uz preglednik stranice ili brojanja udubljenja na lijevoj, desnoj strani itd., Moguće je koristiti tablične vrijednosti postotnih širina i visine retka.

    Poravnavanje pomoću javascripta

    Pitanje "Kako postaviti tekst na centar u HTML-u" je elementarno riješeno algoritmom u jeziku preglednika i ima mnogo praktičnije i učinkovitije izvršenje. Projektiranje stilova datoteka je već došao u protok i gotovo svaki sustav koji poštuje samu sebe nudi upravljanje skupovima stilova za sve prigode. Ali život uvijek zahtijeva specifično: potrebno jesvaki put iz čistog lista da razmisli, kako CSS može pomoću središta staviti tekst. Opcija za svrhe poravnanja u bloku "zalijepljen" na strani stranice, i stoga mijenja veličinu, malo je vjerojatno da će stati u skočni izbornik bloka, koji je izrađen od različitih elemenata.
    Vidljivo centriranje nije uvijek blok u kojem se najprije zna gdje se lijeva strana i koliko piksela nalazi desno, gdje je vrh, a ne jamstvo da je dno granica za koju treba izvršiti vertikalno poravnanje. Tendencija je da stil treba odrediti sadržajem. U većoj mjeri, web-mjesta pružaju informacije o posjetiteljima, vizualnu i audio podršku - samo dodatak običnom tekstu. Sami likovi nose pravi sadržaj (to se ne odnosi na umjetničke stranice, slike, glazbu, itd.) - radi se o korisnikovim informacijama koje su potrebne.

    Značajke prezentacije teksta i HTML-a

    Bilo je to tako da je sastavni element sadržaja stranice - tekst, a ne riječ. Semantika je nadležnost razvojnog inženjera (vlasnika mjesta). Zapravo, tekst može biti predstavljen s više od jedne oznake, tj. Prirodni prijedlog ne mora biti samo niz znakova, nego slijed oznaka koje sadrže znakove. Iz toga slijedi da se "CSS sam" u središtu teksta "može postaviti samo u jednostavnim slučajevima. Izdavanje poslužitelja na zahtjev preglednika vrlo je obimno i sadrži mnogo elemenata, daleko od toga da se uvijek odnosi na ono što će biti prikazano. Prilikom dizajniranja izgleda stranice, važno je točno naglasiti prezentaciju informacija, posebno poravnanje. Nešto bolje raditiposlužitelja koji je na klijentu, tj. u pregledniku. Ne računajte uvijek na CSS pravila, fokusiranje na krajnji rezultat je mnogo praktičnije.

    Povezane publikacije