E hoʻonoho i pili - He aha ka mea? piha hōʻikeʻano

Aiacayueony HTML - he lengthy kaʻina, rigorous, akā, loa makakū. I loko nō o ka mea i no ka hapanui o ka kanaka e hana i loko o IT, palapala pūnaeweleʻia i mea manakā oaeouee, hoʻomalu, ka poe i ka oihana no ia o ka hihia,ʻaʻole wale qualitatively lawe mai i ka hana, akā, i loaa mai i ke kaʻina hana o ka tangible makemake.

Naʻe, ma mua oe i lilo i ka hoao ana i ka coder, kēlā malihini ka hāhai he wahi lihi iki o ka manawa, ke aʻo nā ao a me ka hoakaka ana o nā ka HTML'ōlelo, a ma luna o kona Ally - CSS. About me kēia mea CSS, i ia mea a me ka mea "i lele hema pepeiao" e leie aku oe, e ala mai, e like me kekahi o kona luna waiwai - Position pili - i keia la mākou e kamaʻilio.

He aha ka CSS?

CSS ailona hiki ke i kāna mete ia a me ka unuhi 'ia i loko o Russian like "cascading kaila a lahilahi". Ua kani nani'ē - ma ka kekahi lima, ka mea, he mea ike, a me nā'ōlelo, a ma o ka 'ē aʻe - na mau manaʻo ua i koke pio. E ka hoʻomaka me ka poʻe noʻonoʻo - me ka kaila. Kēia enehana apono 'oe e paʻa mea ma kaʻaoʻao, kekahi' ano e pili ana i keʻano e oe hiki wale? Aaeno hookahi a me ka hoʻohana 'ana i ka mana loa helu o ka manawa.

Ka hua'ōlelo "papaaina" i loko o ka kūhelu unuhi ikea aneane ma ka ulia - ma ka mea nui kūpono 'aneʻi makemake e, e hoʻohana i ka hua'ōlelo "kahua kaua" a me "kahua", nō naʻe nā kākau o ka palapala unuhi hooholoia i ka CSS ku pono e like oi ma mua o ka papa inoa, a me ka mea a mākou i e like me ka manawa e ho'āʻo iā lākou.

Eia hoi, i ka hua'ōlelo "Cascade." Ka mea mea i kēlā me kēia hehee ai hiki i kekahi mau styles i hiki ke hui a hoi ano. Ma ia hihia, ua ka lako e akoakoa ai i ka lākou o ka rula, i mea e hakuʻia i ke ano o ka aeie, i huli mai e e kekahi mau styles, a me kekahi o ia mau mea, no ka laʻana, ua i Position pili waiwai, a me ka mea 'ē aʻe - Position loa. I ka mea, ua mau pāonioni hiki ole ke tolerated, akā, ma ka nui papahana e like hilahila hana he pinepine.

No ia manawa, i ka wa a pau i hala ole oe i ka inoa, e ka nānā aku i ka mea hoʻohālike. E ka olelo aku nei au i kou paena e e he nui helu o nā pihi, papahana ma ka kekahi alanui. Ka mea, i ka waiwai e like me nui, malu, opacity, waihoʻoluʻu. O ka holo ana, e hiki ke koho 'ia i kēia mau mea kiko'î, e pili ana kēlā me kēia pihi, akā, ka nui maʻalahi e hoʻohana CSS. , Ka Tag o kēlā me kēia pihi, e pono ai wale nō ma ka hana, e pono e wehewehe i kekahi papa, a helu pū 'ia nā aiee o nā mea a pau o ka mea ma luna o ka waiwai, a laila, kahi o ka lōʻihi papa inoa, e koho' ia i ka inoa o ka papa, a laila, i ka lako iho, e kala like 'ole i kēia mau kumu ma ka makemake waihoʻoluʻu a me ka haawi ia lakou i ka pono "gloss".

He aha ke ano o ka Position waiwai?

Mākou Ano, ke hoomau 'ana i ka waiwai Position, no ka makemake o ka i i ka hoʻomaka' ana a pau i kēia 'atikala. Inā 'oe e kama'āina i ka olelo Beritania, a i ke kilo maikai, a lailaʻoe e ano e hala ole - keia waiwai mea kuleana no ka wahi ana i ka ukana. I mea, i ke ala ia mea, akā, kahi ho oholo i ka henua, keia waiwai i kāna ka polokalamu kele pūnaewele pehea ia e hoonohoia kekahi a kekahi hehee ai me ka mahalo i pili 'ole ma ka' aoʻao like me ka a pau.

He aha nā loina e hiki i ka Position waiwai?

Ko kakou waiwai keʻae kekahi mau okoa cia, aia no elime wale. Eia mea he manawa pōkole ano o kēlā me kēia:

• Position lilo mai ia ia. Kēia hiʻona apono 'oe e kope i ka' ikepili ma luna o ke kulana o ka hehee ai i mea he makua. No kekahi laʻana, ina oe i ka div me ka hoakaka Position pili, alaila, komo i loko o ia me img ma kahi waiwai kekahi e e kau i ka pili.
• E hoʻonoho i kūpaʻa. Ua hāʻawiʻia kēia pono i nā kumu mua koho, ke ole maopopo kekahi hou. Ke kumu kupono i loko o nā hana like i olelo ia i loko o ke karaima a me ka mea i loaʻa i keʻano o ka "frills", hiki ke hoʻololi 'ana i kā lākou wahi.
• Position loa. Ma keia nui ka Position waiwai ua hala loa pinepine hoʻohana 'ia i loko o na wahi i mea e pono ke hana i kekahi "lana" hehee ai. Me ka hāʻawi waiwai o ka waiwai mau ukana o "ʻike makaʻole" no ka mea'ē aʻe eiiiiiaiou o kaʻaoʻao. Ia mea, ka mea e hoʻonohonoho like ina mākou loa hehee ai, aole ia nei i. He ana ia ia iho, e mau ia ma ka wahi, nānā 'ole o ka mamao o ua pepa laʻaoʻao.
• Position paa. Ma na aoao, ua nui ka like me ka mea mua kekahi, nae, oiai ke kāpae hehee ai ua paa ia i ka makua, haka pono hana wale na wahi o ke keena hema kihi o ka lako pale, ignoring i ke koena o na kumu mua i mua ia.
• Eia hoi, E hoʻonoho i pili. Kēiaʻano Hawaiʻi e leie aku hoʻonohoʻia hehee ai e pili ana i ka mea'ē aʻe, a hiki e pono no e pili ana i adaptive peni kapaia ma na "laholio". I keia waiwai, ka ukana, e "pahu" ka 'ē aʻe, me ka losing ka hiki e hoʻololi i kā lākou wahi ma kaʻaoʻao.

Hana me ka Position i loko o kekahi polokalamu kele pūnaewele,

'Aʻole nā polokalamu kele pūnaewele, i like hana maʻalahi. Oiai loa 'ano like nā papahana no ka Internet heʻe nalu me kekahi hitches ike waiwai o ka Position ka loa oiaio, "chronically kūikawā» InternetʻImi Loa E hoomanao i ka waiwai, ke kaumaha ma muli kona mana.

No ka laʻana, ka hoʻohana 'ana i ke ano "kanu" ka polokalamu kele pūnaewele IE6, e hiki ole hoʻohana i ka waiwai paa, a lilo mai ia ia - "hoki" wale ka mea, kāpae'ōlelo ia. Naʻe, hoʻowahāwahā i ka mea i ka hiku o ka mana o ke kulana hoomaka ae la e hoʻoikaika 'ana, a ua paa ua hoʻokō' ia, e loaa mai ai iaʻu aloha "lako e download ka 'ē nā polokalamu kele pūnaewele," hiki wale i loko o kona walu o ka incarnation.

Ke koena o nā Aliʻi kilo akahele lawelawe Position me ka mana mua, a me ke koe o Opera, a i loaa ka kākoʻo mai o ka waiwai i loko o kona 4 likeʻole, paʻiʻia ma ka hapalua like-90s.

Hana me ka Position ma Javascript

I mea, o ka moʻolelo o ana i ka hana me ka Position waiwai i loko o Ua pio ka ua, ua komo pū mākou wale no ka pono o ka'ē. No ka mea, ua waiwai 'aʻole ole i kekahi hana huapalapala i loko o ka inoa, e hiki ke hoʻohana i ka JS me kekahi loli, no kekahi laʻana, e hoʻonoho i ke div Position pili, e komo i loko o ka laina e like keia: div.style.position =' pili '.

E like me 'oe ke ike, ka mea, ke nani poe noonoo ole.

No ke aha la Position pili pono kūikawā noonoo?

I ka hapanui o ka waiwai loina Position, e kau ia Iosepa, "kuhakuha" ma ka puni hehee wale, ka hoʻohana 'ana i ka waiwai "kaila wahi: hoahānau", E hoomanao mau e pili ana i kaʻaoʻao a pau, me ka a pau, no ka mea, kūpono ana e ikaika "skew" ka holoʻokoʻa Contents o ka pale .

Eia hou, ua waiwai wale nō e leie aku oe, e hiki wawe ka hoohuli paʻa manao adaptive, no ka mea, ka palapala noi, e koho lakou aloha ia a pau maʻiʻoʻaoʻao. A laila mākou nō i manawa e noonoo i ka examples a me ka hewa ka hoʻohana 'ana i kēia nui, a me oe e ike i kona tangible manaʻo nui i loko o nä hana kilokilo.

Ka wā e 'oe ke hoʻohana pili hoʻonohoʻia?

Ma waho aʻeo i kaʻike mauʻia o nā 'aoʻao HTML, Position pili pinepine hoʻohana e hana i kekahiʻano o ka hana hoihoi loa. No kekahi laʻana, ina e makemake ka'ikamu "hele mai" ma kaʻaoʻao paha, ma ka mea ku ole, i nā hele aku la ma kela aoao o kona mokuna, ia mea kaʻoi loa keia waiwai ke kōkuaʻoe hoʻokō i keia "liana".

Mau "ia paena" e hoʻokō ma Javascript mea, a, ina oe AIM no ka mea e holumua ai kau ana, ma ka waiwai o ka CSS3, a ae oe, e hoʻomaʻa i ka cyclical loli i loko o ka waiwai o kekahi ee iaaanu aey.

Eia hou, i kekahi manawa hiki i ka ho okumu ana i "hapalua" loina Position pili. CSS, ināʻaʻole i ka mea ia manawa e leie aku oe, e kau aku i kekahi mea e like hoʻomoana: loa pili ana, akā, ma ka hoʻohana 'ana i kekahi mau paena, ia mea nō e hiki ke loaʻa ai i kēia hopena. Kēia kokoke paha e pono keia mau mea i loko o na wahi e pono e ho okumu i kekahi luna 'e like me ka tooltip a Pop-i' ike no. Noonoo pono i ka hoailona, mākou e hāʻawi aku i kekahi hōʻike no ka 'ole o ia ka "hapalua."

Ano he kumu hoʻohālike o ka hoʻohana 'ana i ka pili kūlana kiʻekiʻe

E hoʻonoho i pili - e Aloha nani na mea, akā,'ōlewa mea paahana e leie aku oe e hoʻokō i kekahiʻano o ka hana hoihoi loa. I mea,ʻaʻole e luku aku manawa, a ia wahi aku, e kākau lapuwale kivila UAAIIeIA, ua lawe mai kekahi mau moʻolelo algorithms, a hiki decorate kāu paena a me kekahiʻaoʻao.

E ka hoʻomaka me "holo mai" laina. Ina oe i ka pono no ka hehee ai mea e "hele" no ka mea, o ka haʻalele kae o ka pale, a mālie hoʻoneʻe ia ma kaʻaoʻao'ākau. E hoʻokō e like me ka "ʻano papa hana" E kau wahi: pili ia oe; hema: -100px, ma -100 - ka He kokekau wale helu o na nā kiko kiʻi aha i ka aeie ka laula. Kēia kaila e ae oe e hūnā i ka pa alima mawaho o ka pale, e kau i ka mea i loko o ka "hoʻomaka kulana". Ano, e hiki ke hoʻohana i ke kōmi'ōkuhi mea e māhuahua kela mau milliseconds haʻalele waiwai waiwai no pa alima like loa me ka mea aole i lilo like me ka laula o ka polokalamu kele pūnaewele window hua me ka laula o ka hehee ai. I ka hopena o ka pa alima e hele mai ana mai loko mai o ka maka hema,ʻolokaʻa aʻela ma ka pale, a "i? Iaie?" I loko o kona lima akau.

Kekahi kumu e leie aku oe, e ho okumu i "pili-loa" hehee wale. No kekahi laʻana, e hiki ke komo i ka piha i loko o kekahi, nona Position hoahanau. E like me ka hopena, ua loaʻa he "pili" aeie i mea ole i ka nui, e i ka loa ua kākauʻia, mea e hiki ke hoike mai ai ia ia iho i loko o ke kulana kuokoa o ka mua hehee ai.

Typical hewa ka wā hoʻohana Position pili

Ke kuhihewa loa, he pono ole ia ka hoʻohana 'ana i ka Position pili ka mea nui pūnaewele akamai poina e pili ana i ka hiki e waiho i kekahi wahi ma ka mokuna, i hiki ke loaa anywhere. No kekahi laʻana, ina oe i ke 'ano nui, waiho mawaho o ka pale, a me ka pili hoʻonohoʻia, ma kona wahi, e lilo i hoʻokokoke "puka". Naʻe, i keia waiwai ua kekahi manawa hana i kekahi mau hana a he leo hiki ke hoʻohana 'ia no ka pono, no ka laʻana, e pili ana i ka hoihoi' hopena o "ka hoʻoponopono-akoakoa mai la" o ka paena, kahi a pau o kona palaka i ke kiʻekiʻe o waiho i loko o ka luna kulana: 0; hema: 0; ole. E. kona kikokikona wahi.