CSS položaj: elementi za pozicioniranje

14. 5. 2019.

Raznovrsni uređaji za pristup internetu i preglednicima, ideje za postavljanje sadržaja u središte, gumeni izgled i elementi plutajuće stranice su obećavajući i prikladni za korištenje, ali točna naznaka položaja elemenata na stranici i dalje je važna.

Utvrđivanje mjesta elementa često je prikladnije od njegovog plutajućeg ili gumenog dijela. Osim faktora praktičnosti primjene (zaglavlja, zaglavlja tablice ili fiksnog dijela stranice), početna faza stvaranja web-resursa često ima značajnu ulogu.

Protok i precizno pozicioniranje

Kao opće pravilo, preglednik formira stranicu čitajući ulazni tok sekvencijalno. U tom slučaju elementi se uvijek postavljaju jedan po jedan, redoslijedom primitka.

css pozicija

Kontroliranjem vrijednosti CSS pravila z-indeksa, također možete kontrolirati vidljivost elemenata stavljajući ih na različite razine. CSS pozicija: apsolutno pravilo omogućuje vam da navedete točno mjesto elementa, bez obzira na njegovo mjesto u općem toku.

Preporučuje se prirodno postavljanje sadržaja uzastopnim čitanjem ulaznog toka, a zahvaljujući apsolutnom pozicioniranju elemenata moguće je redistribuirati ulazni tok potrebnom broju informacija "potoka", prikazujući sadržaj u apsolutno postavljenim blokovima.

Logika pravila položaja CSS-a je takva da se koordinate i dimenzije elementa u kojem se primjenjuje smjesti unutar stranice, a ne trenutni prozor na stranici. Osim toga, ako je apsolutno pozicionirani element unutar drugog elementa, tada se njegove koordinate položaja broje iz gornjeg lijevog kuta ovog elementa.

Faze izrade web stranica

Opcija kada se web-mjesto kreira od početka odmah je praktički nemoguće čak i uz najnapredniji sustav za upravljanje sadržajem. Uvijek će postojati preliminarna verzija, da tako kažem, developera.

pozicija pozadine css

U ovom početnom obliku programer oblikuje logiku web-lokacije, ispravlja greške u radu izbornika, dijaloga, poslužiteljskih i klijentskih skripti. Točan pokazatelj lokacije "prozora" za ispravljanje pogrešaka (u praksi, to su obično apsolutno pozicionirani (CSS položaj: apsolutni;) divs "div") nema nikakve veze s radom web-lokacije i oni neće završiti, ali dok se ne uspostavi funkcionalnost web-lokacije, oni jednostavno potrebno na prikladnom mjestu za developera.

U procesu otkrivanja pogrešaka programer prikazuje informacije koje su mu potrebne u takvim "prozorima". To značajno ubrzava razvojni proces, budući da ne morate gledati konzolu (JavaScript, preglednik), izlazne informacije za ispravljanje pogrešaka u datoteku (PHP, poslužitelj).

Nakon dovršetka razvoja web-lokacije svi su prozori za otklanjanje pogrešaka blokirani ili skriveni u slučaju naknadne nadogradnje web-lokacije.

Održavanje mjesta

Razvijeni i aktivno korišteni web resurs ne mora nužno izgledati kao da ga vidi posjetitelj (klijent). Stranica nije jedna stranica, a ne jedna funkcionalnost, barem dvije. Obično mjesto ima i administrativni dio, preko kojeg se popunjava, kontrolira ili prati.

Programer može na bilo kojoj stranici izraditi sustav za ispravljanje pogrešaka apsolutno pozicioniranih elemenata za praćenje rada web-lokacije, a pomoću CSS-a svojstva pozadinske pozicije možete urediti svaki od njih na prikladan način.

Autorov primjer nije slika.

Ovo svojstvo ima samo dva parametra koji određuju poziciju slike, koju postavlja svojstvo pozadine CSS-a. Dopuštene su dvije vrijednosti: lijeva i gornja. Možete odrediti numeričku ili postotnu vrijednost. Ili koristite lijevu, gornju, središnju, desnu ili donju stranu.

Pružanje rezultata u CSS položaju: apsolutno; elemente određenih informacija, prikladno je pratiti rad stranice, bez utjecaja na njezin rad.

Dinamičko apsolutno pozicioniranje

U nekim slučajevima potrebni su skočni prozori ili savjeti, dizajnirani na određeni način. Pomoću JavaScript jezika možete prikazati apsolutno pozicionirani element i prikazati određene informacije u njemu.

Obično se praznine takvih upita postavljaju na koordinate (0,0), a zatim, na primjer, klikom miša na određeni element, one zamjenjuju potrebne koordinate i čine element vidljivim.

css apsolutna pozicija

Potreba za stvaranjem vlastitih savjeta može biti posljedica dizajna ili logike dijaloga na web-lokaciji. Na primjer, potrebno je da se opis alata polako manifestira u blizini željenog elementa stranice ili, nakon klika, odabrana informacija se vizualno premjesti na drugi element.

Bez apsolutnog pozicioniranja teško je zamisliti stvaranje klizača, tabličnih kvačica, fiksnih zaglavlja i elemenata stranice koji bi trebali ostati na mjestu prilikom pomicanja sadržaja.