Habaynka Meelaynta (Positioning) ee CSS: static, relative, absolute, iyo fixed
Habaynka meelaynta (Positioning) ee CSS waa aalad muhiim ah oo kuu ogolaanaysa inaad habayso sida qaybaha boggaaga (elements) loo dhigo iyo sida ay u muuqdaan. Waxaa jira afar hab oo waaweyn oo meelaynta ah: static, relative, absolute, iyo fixed.
Positioning: static, relative, absolute, fixed |
1. Static Positioning
Habaynka static waa habka default-ka ah ee qaybaha bogga. Haddii aadan u isticmaalin CSS si aad u beddesho habaynta, qaybaha boggaagu waxay ku yaalliin hab static ah. Waxay raacayaan qaabka guud ee bogga oo aan isbeddelin, waxaana lagu meeleeyaa sida koodka ugu horeeya. Static positioning waa mid aan lahayn isbeddelo, waxayna ku xiran tahay sida qaybaha kale ee bogga u yaalliin.
2. Relative Positioning
Habaynka relative wuxuu kuu ogolaanayaa inaad qayb bogga ka bedesho booska asalka ah, iyadoo ku saleysan meesha ay ku taallo static. Tusaale ahaan, haddii aad rabto inaad qayb bogga si yar ugu dhaqaaqdo dhinaca bidix ama kor, waxaad isticmaali kartaa top, right, bottom, iyo left si aad u saxdo booska. Qaybaha ku jira habaynka relative waxay ahaayeen kuwo static ah markii hore, laakiin waxaad u beddeli kartaa booska si loogu qanciyo baahidaada.
3. Absolute Positioning
Habaynka absolute wuxuu ka saaraa qayb bogga nidaamka static ee meelaynta bogga. Qaybaha bogga oo loo isticmaalo habaynka absolute waxay ku dhisan yihiin booska eexan (relative) ama qayb kale oo ay ku dhagan tahay. Habaynka absolute wuxuu kuu ogolaanayaa inaad qaybaha bogga si sax ah u meelayso iyadoo laga duulayo qayb gaar ah oo bogga ah, sida qaybta ugu dhaw ee ku xiranta ama xariijimaha la mid ah.
4. Fixed Positioning
Habaynka fixed wuxuu la mid yahay absolute, laakiin waxay leedahay faa'iidooyin gaar ah. Qayb bogga oo loo isticmaalo fixed waxay ku meeleyn doontaa bogga iyadoo ku saleysan baarka daalacashada (viewport). Tani waxay ka dhigan tahay in qaybaha ku jira habaynka fixed ay mar walba muuqan doonaan, xitaa marka bogga la rogrogo. Tusaale ahaan, badhanka navigation-ka ee ku jira habaynka fixed wuxuu had iyo jeer ka muuqan doonaa bogga, si loogu sahlo isticmaalaha inuu si fudud u helo.
Gunaanad
Habaynka meelaynta ee CSS waa qalab awood leh oo kuu ogolaanaya inaad si sax ah u maamusho sida qaybaha boggaagu u muuqdaan iyo meesha ay ku yaalliin. Fahamka iyo adeegsiga habaynka static, relative, absolute, iyo fixed waxay kaa caawin doonaan inaad samayso bogag internet oo qurux badan oo hufan.