Uporaba CSS za namestitev elementov HTML

• Maj 15, 2024

Pravila CSS vam omogočajo, da elemente HTML postavite tam, kjer jih želite. Prilagodite lahko, kako se odzivajo na druge elemente, ki sedijo okoli njih, ali jih celo skrijete v celoti. Sledi razčlenitev lastnosti umestitev CSS.

Prikaz: Ta lastnost določa način prikaza elementa. Če nastavite zaslon na "nič", element popolnoma skrije, medtem ko lahko druge vrednosti spremenijo, kako element reagira na druge lastnosti in elemente. Na primer, divji elementi so privzeto nastavljeni tako, da se prikažejo kot "blok", kar pomeni, da deluje kot pravokoten predmet, vendar lahko uporabite "display: inline", da namesto njega prisili, da div deluje kot odstavek. Lahko pa storite tudi nasprotno in uporabite "display: block", da odstavek prisili, da deluje kot div.

Položaj: Določi, kako element reagira na elemente okoli njega. Elementi privzeto uporabljajo "položaj: statični", kar pomeni, da so prikazani po vrstnem redu, kot so prikazani v kodi HTML. "Položaj: relativno" pomeni, da se izračuna statična lokacija elementa in nato izravna s tem, kar navedete v lastnostih "zgoraj" in "levo". Drugi elementi strani delujejo, kot da je relativni element še vedno na svojem statičnem mestu. Elementi "Položaj: absolutni" ignorirajo svojo statično lokacijo in temeljijo le na vrednostih v zgornjih, levih, desnih in spodnjih lastnostih. Poleg tega bodo drugi elementi prezrli ta element (torej, če niste previdni, lahko na koncu pridete do zmešanih prekrivanj). "Položaj: fiksno" je podoben "položaj: absolutno", le da bo element zadržal svoje mesto, tudi če vaš obiskovalec pomika po strani.

Vidnost: Odloči, ali se element prikaže na strani ali ne. Razlika med "prikaz: nič" in "vidljivost: skrita" je, da se v prvem primeru drugi elementi strani obnašajo, kot da nevidni predmet ne obstaja; v slednjem bodo drugi elementi imeli prostor za skriti element. Očitno je privzeta nastavitev "vidna."

Float: Nastavi, ali element spušča levo ali desno od drugih elementov (ali sploh ne kaskadno, kar je privzeto). Ta lastnost je izredno koristna za pravilno postavitev relativnih elementov. Morate nastaviti širino katerega koli plavajočega elementa, ki se ne bo prikazal pravilno. Če uporabljate float za en element, boste verjetno želeli nastaviti tudi lastnost za vse elemente okoli njega.

Počisti: Ta lastnost deluje v povezavi z lastnostjo "float". Odloča, kako bo element pustil, da drugi elementi plavajo okoli njega - "jasno: levo" pomeni, da noben drug element ne more lebdeti na levi strani; "clear: right" blokira desno stran in "clear: oboje" pomeni, da noben element ne more plavati na nobeno stran. Privzeta nastavitev je "jasno: nič" (kar pomeni, da lahko drugi elementi plavajo na katero koli stran).

Navodila Video: CSS Vodič 8 - Div Elementi (Maj 2024).