Matsayi na dangi - mece ce? Karin bayani

Layout HTML yana da tsari mai tsawo, mai ban mamaki, amma yana da kyau sosai. Duk da cewa ga mafi yawan mutanen da ke aiki a filin IT, layoran shafin yanar gizon na iya zama kamar wani abu mai dadi, kwararrun da ke neman aikin ga irin wannan abu ba kawai ya yi aiki ba daidai ba, amma kuma ya sami jin dadi daga tsarin kanta.

Duk da haka, kafin a zama zanen shafukan yanar gizon, kowane sabon sabon lokaci yana koyon abubuwa daban-daban da ƙayyadaddun bayanai ga harshen HTML da kuma CSS. Game daidai abin da CSS, abin da shi ne da kuma abin da "feint kunnuwa" ba ka damar samun up, kazalika da daya daga cikin manyan Properties - Position Dangi - a yau za mu magana.

Mene ne CSS?

Za a iya ƙaddamar da CSS abbreviation kuma a fassara shi cikin harshen Rashanci a matsayin "zane-zane mai zane". Yana sauti baƙon abu bane - a daya hannun, kamar kalmomi da mahimmanci, amma akan ɗayan - ma'anar ma'anar gaba ɗaya bata kama da lokaci ɗaya ba. Bari mu fara tare da sauki - tare da sigogi. Wannan fasaha ya ba ka damar ba da abubuwa a kan shafi wasu halaye da suka danganci bayyanar, wanda za'a iya tsarawa sau ɗaya kawai, amma ana amfani da sau da yawa na sau.

Kalmar nan "tebur" a cikin fassarar aikin ta juya ta zama kusan bala'i. A gaskiya, zai fi dacewa da amfani da kalmar "sheets" ko "lists", amma mawallafin fassarar asali sun yanke shawarar cewa CSS ya fi kama da jerin fiye da jerin, kuma wanene muke Irin wannan cewa yanzu an hukunta su.

A ƙarshe, kalmar "cascade". Gaskiyar ita ce, kowane nau'i na iya samun nau'i da yawa a lokaci ɗaya, wanda za'a iya haɗuwa ko har ma a tsakiya. A irin waɗannan lokuta, mai bincike ya nemi tsari zuwa wasu sharuɗɗan dokoki, domin ya tsara bayyanar da block, wanda yana da nau'i da yawa, tare da ɗaya daga cikinsu, alal misali, yana da dukiya na Matsayin Matsayi, da kuma sauran - Matsayi Ƙarshe. A gaskiya, irin waɗannan rikice-rikice ba za a iya jurewa ba, amma a cikin manyan ayyukan irin wannan rikicewar yakan faru sau da yawa.

Don haka, yanzu da sunan ya bayyana, bari mu dubi misali mai sauƙi. Bari mu ce kuna da manyan maɓalli a kan shafin yanar gizonku wanda aka tsara a wasu hanyoyi. Suna da irin waɗannan abubuwa kamar girman, inuwa, gaskiya, launi. Hakika, zaka iya tantance wadannan sigogi, samar da kowane maballin, amma zai zama sauƙin yin amfani da CSS. A aikace, kana buƙatar bayyana wani kundin da za a lissafa dabi'un duk kaddarorin da aka haifa, sannan kuma, maimakon yin amfani da dogon lokaci, maballin kowannen button zai buƙaci sunan wannan ɗayan, bayan haka mai burauza zai zana waɗannan abubuwa a cikin launuka masu dacewa kuma ya ba su daidai "Haskaka".

Me ya sa nake bukatan dukiya?

Yanzu bari mu motsa kai tsaye zuwa ga Yankin Matsayi, wanda aka tsara dukan labarin. Idan kuna da masaniya da Turanci ko kuna da kyakkyawar fahimta, to lallai ya kamata ku fahimci - wannan dukiya yana da alhakin wurin da take. Gaskiyar ita ce, amma a maimakon ƙayyade wani wuri na musamman, wannan dukiya ya gaya wa mai binciken yadda za a sanya wani abu dangi da makwabta ko dukan shafi a matsayinsa.

Waɗanne dabi'u zasu iya ɗaukar Matsayi?

Dukiyarmu na iya ɗaukar nau'o'in daban-daban, akwai biyar kawai daga cikinsu. A nan ne taƙaitaccen bayanin kowanensu:

• Gidawar Gida. Wannan dukiya ta ba ka dama ka kwafi bayanin bayanan abin da ke iyaye. Alal misali, idan kuna da raba tare da Dalilan Yanayin da aka ƙayyade, to, IMG da aka rubuta tare da darajar gada za su sami darajar Abar.
• Matsayin Matsayi. An ba wannan darajar dukan abubuwa ta atomatik, sai dai idan an ƙayyade shi ba haka ba. Abubuwan da suka dace sun shiga cikin matsayi kamar yadda aka ambata a cikin lambar kuma ba su samuwa ga "abubuwan jin dadi" masu yawa wanda ya ba su damar canza matsayin su.
• Matsayi ba cikakke ba. Wannan darajar Matsayin wuri yana amfani dashi a lokuta inda ya wajaba don ƙirƙirar wani "nau'i". Samun wannan darajar dukiya, ragowar ya kasance "marar ganuwa" domin sauran shafin. Wato, sun kasance kamar idan cikakkiyar nau'ikanmu bai wanzu ba. Shi da kansa zai kasance a wurin, ko da ta yaya aka lalata shafin.
• Matsayi Gyara. A yawancin halayen wannan darajar tana kama da na baya, duk da haka, yayin da cikakkiyar nau'ikan ke haɗe wa iyaye, mai amfani yana amfani da daidaituwa na kusurwar hagu na allo, ba tare da kulawa da wasu abubuwan da suka riga ya wuce ba.
• A karshe, Matsayi mai daraja. Wannan nau'i na darajar ya ba ka damar sanya matsayin dangi ga wasu, wanda zai iya amfani da lokacin ƙirƙirar ƙira, wanda ake kira "roba" a cikin mutane na kowa. Samun wannan dukiya, kashi zai "motsa" sauran, ba tare da rasa ikon canza wurinsa a shafi ba.

Ayyukan aiki tare da Matsayi a cikin masu bincike daban-daban

Ba duk masu bincike ba daidai ba ne. Yayinda yawancin shirye-shirye na Intanit ba tare da wani tsinkaya ba, darajan Matsayi cikakkiyar gaskiya ne, "na musamman" na Intanet yana duban wannan dukiya dangane da fasalin.

Alal misali, ta yin amfani da na'urar IE6 da aka rigaya aka binne, ba za ka iya amfani da dabi'un Gyara da Gida ba - jigon ya yi watsi da su. Duk da haka, duk da cewa cewa tun lokacin da aka saki na bakwai ya fara fara gyara, kuma an riga an aiwatar da saitin, don Gudanar da kowa da kowa yana son "burauzar don sauke wasu masu bincike" ya zo ne kawai a cikin nau'i na takwas.

Sauran masu dubawa suna rike da matsayi daga sigogin farko, banda Opera, wanda ya sami goyon baya ga wannan dukiya a cikin sauyawa na 4, wanda aka sake shi a tsakiyar shekarun 90.

Aiki tare da Matsayi a Javascript

A gaskiya ma, labarin yadda za a yi aiki tare da Gidajen Yanki a cikin Javascript, mun haɗa ne kawai don kare mugunta. Tun da wannan dukiya ba ta da haruffa na musamman a cikin sunan, zaka iya amfani da JS ba tare da wani canje-canje ba, misali, don saita Matsayin Matsayi na Matsayi, ya kamata ka hada da wannan layi: div.style.position = 'dangi'.

Kamar yadda kake gani, duk abu mai sauki ne.

Me yasa matsayi na dangi ya cancanci kulawa ta musamman?

Duk da yake mafi yawan dabi'un Gidajen Matsayi, don sanya shi a hankali, "tofa" a kan abubuwan kewaye, ta amfani da matsayin "matsakaicin matsayi: dangi", yana da daraja a tuna da dukan shafin a matsayin cikakke, saboda amfani da ba daidai ba zai iya "karkatar da" dukan abubuwan da ke cikin allon .

Bugu da ƙari, kawai wannan dukiya yana ba ka dama sau da yawa ya sanya zane mai zane ya zama abin ƙyama, saboda aikace-aikacen ta atomatik yana rinjayar duk abubuwan ciki na shafin. Gaba kuma, muna da lokaci don la'akari da misalai da kurakurai na yin amfani da wannan darajar, kuma zaku ga darajarta cikin aikin.

Yaushe zan yi amfani da matsayi na dangi?

Bugu da ƙari, layout na al'ada HTML pages, Matsayi mai daraja ne sau da yawa amfani da su ƙirƙirar daban-daban sakamako mai ban sha'awa. Alal misali, idan kana son wani kashi don "zo" zuwa shafi ko kuma, a wata hanya, sai ku tafi gefensa, to, wannan dukiya zai iya taimaka muku wajen aiwatar da wannan "zance".

Irin wadannan "hanyoyi" ana aiwatarwa ta hanyar Javascript, ko, idan kuna ƙoƙari don shimfida zaman gaba, ta hanyar kaya na CSS3, wanda ya ba ku damar saita canjin cyclic a cikin darajar wani canji.

Bugu da ƙari, a wasu lokuta, yana yiwuwa a ƙirƙirar "matasan" Matsayi mai daraja. CSS, kodayake ba ya baka damar sanya wani abu kamar lokaci: matsayin dangi, amma ta amfani da wasu kwarewa, har yanzu zaka iya cimma wannan sakamako. Wannan dabarar iya zama da amfani a lokuta inda kana bukatar ka ƙirƙiri wani abu hadaddun kamar wani shawarar kayan aiki , ko pop-up menu. Bisa la'akari da misalai, zamu bayyana tsarin irin wannan "matasan".

Misalan yin amfani da matsayi na dangi

Matsayin dangi shine kayan aiki mai sauƙi amma mai sauƙi wanda ke ba ka damar aiwatar da abubuwa masu ban sha'awa. Domin kada ayi lalata lokaci da sarari a kan rubuta rubutun shafukan mara amfani, zamu bada wasu algorithms da za su iya yi wa shafin yanar gizonku da shafukansa.

Bari mu fara da layin "gudu". Yi la'akari da cewa akwai buƙatar wani kashi wanda zai "tafiya" daga gefen gefen hagu na allon kuma yana tafiya zuwa gefen dama. Don aiwatar da wannan "tsari", kana buƙatar saita matsayi: dangi; Hagu: -100px, inda -100 shine adadi kusan adadin pixels waɗanda suka hada da nisa na toshe. Wannan salon zai ba ka izinin ɓoye gunki a waje da allon, saita shi zuwa "matsayin farawa". Yanzu zaku iya amfani da rubutun da ya haɓaka darajar dukiyar hagu a kowane ƙananan milliseconds har sai ya zama daidai da nisa daga cikin maɓallin browser din da girman nisa. A sakamakon haka, zamu sami wani akwati wanda ya fito daga gefen gefen hagu, ya birgima ta cikin allon duka kuma "a ajiye" a gefen dama.

Wani misali kuma zai ba ka damar ƙirƙirar abubuwan "inganci-cikakke". Alal misali, zaka iya shigar da cikakke a cikin wani wanda ke da Matsayi mai matsayi. A sakamakon haka, muna da hanyar "dangi" wanda ba shi da girmansa, wanda aka ƙaddara shi cikakke, mai iya nuna kansa a matsayin da ya dogara da abubuwan da ke gabanta.

Kuskuren magunguna lokacin amfani da Matsayi mai daraja

Kuskuren mafi kuskure lokacin amfani da Matsayi na Matsayi shi ne cewa yawancin masu zane-zanen layi suna manta game da ikon da za su ajiye sarari don wani gunki wanda zai iya zama ko'ina. Alal misali, idan kana da babban abu, sanya a waje da allon kuma yana da matsayi na dangi, "rami" zai bayyana a wurinsa. Duk da haka, har ma wannan dukiya, wani lokaci ana samar da wasu abubuwa mara kyau, za'a iya amfani dasu, mai kyau, misali, ƙirƙirar wani tasiri mai ban sha'awa na shafin yanar gizon "kai" wanda aka sanya dukkan sassanta a sama: 0 matsayi; Hagu: 0; Wato, a cikin asali.