Ipo Ojulumo - ohun ti o jẹ? alaye apejuwe

Ile gbigbe awọn HTML - kan gigun ilana, nira, sugbon gan Creative. Bíótilẹ o daju wipe fun awọn opolopo ninu awon eniyan oojọ ti ni IT, oju-iwe ayelujara akọkọ le dabi alaidun baraku, ojogbon ti o ni a kuku fun iru kan nla, ko nikan qualitatively gbe jade awọn iṣẹ-ṣiṣe, sugbon tun gba lati awọn ilana ti ojulowo idunnu.

Sibẹsibẹ, ṣaaju ki o to di ohun RÍ coder, kọọkan newcomer lo kan pupo ti akoko keko ni orisirisi ilana ati ni pato ti awọn mejeeji ni HTML ede, ati lori awọn oniwe-ore - CSS. About pato ohun ti CSS, ohun ti o jẹ ati ohun ti "feint etí" faye gba o lati gba soke, bi daradara bi ọkan ninu awọn oniwe oke-ini - Ipo Ebi - loni a yoo soro.

Ohun ti o jẹ CSS?

CSS abbreviation le ti wa ni transcribed ati nipo sinu Russian bi "cascading ara sheets". O ba ndun lẹwa ajeji - lori awọn ọkan ọwọ, o dabi ko o, ati awọn ọrọ, ati lori awọn miiran - gbogbo itumo ti wa ni ko lẹsẹkẹsẹ sile. Jẹ ká bẹrẹ pẹlu awọn ti o rọrun - pẹlu ara. Yi ọna ti faye gba o lati so ohun lori iwe, awọn abuda nipa awọn hihan ti o le nikan forukọsilẹ ni kete ti ati ki o lo ohun ailopin nọmba ti igba.

Awọn ọrọ "tabili" ni awọn osise translation han fere nipa ijamba - ni o daju diẹ yẹ nibi yoo si wa lati lo awọn ọrọ "akojọ" tabi "akojọ", sibẹsibẹ awọn onkọwe ti awọn atilẹba translation pinnu wipe CSS wulẹ bi diẹ ẹ sii ju a akojọ, ati awọn ti o ti a ba wa iru ni bayi lati gbiyanju wọn.

Níkẹyìn, ọrọ "kasikedi." Awọn o daju ni wipe kọọkan ano le ni orisirisi awọn aza ti o le wa ni adalu tabi paapa ni lqkan. Ni iru awọn igba miran, awọn kiri ni o ni lati asegbeyin ti si a ti ṣeto ti awọn ofin, ni ibere lati pese hihan ti awọn Àkọsílẹ, ti wa ni tan jade lati wa ni orisirisi awọn aza, pẹlu ọkan ninu wọn, fun apẹẹrẹ, ni o ni a Ipo Ebi ini, ati awọn miiran - Ipo ifise. Ni pato, iru ija ko le wa ni duro, sugbon ni o tobi ise agbese iru iporuru ṣẹlẹ oyimbo igba.

Njẹ nisisiyi, nigbati ohun gbogbo ni ko o lati awọn orukọ, jẹ ki ká wo ni kan ti o rọrun apẹẹrẹ. Jẹ ká sọ rẹ sii yẹ ki o wa kan ti o tobi nọmba ti awọn bọtini, ṣe ni kan awọn ọna. Won ni ini bi iwọn, ojiji, opacity, awọ. Dajudaju, o le pato awọn wọnyi sile, ṣiṣẹda kọọkan bọtini, sugbon jẹ Elo rọrun lati lo CSS. Ni asa, o nilo lati se apejuwe kan awọn kilasi, eyi ti awọn akojọ ti awọn iye ti gbogbo awọn ti awọn loke-ini, ati ki o si, dipo ti a gun akojọ, awọn tag ti kọọkan bọtini yoo nikan nilo lati tokasi awọn orukọ ninu awọn kilasi, ki o si awọn kiri ara yoo awọ wọnyi eroja ni awọn ti o fẹ awọ ki o si fun wọn a to dara "edan".

Kini wo ni Ipo ini?

A bayi tẹsiwaju taara si awọn ohun ini Ipo, nitori ti eyi ti a ti bere yi gbogbo article. Ti o ba wa ni faramọ pẹlu awọn English ede, tabi ni kan ti o dara intuition, ki o si yẹ ki o ti wa ni ko o - yi ohun ini jẹ lodidi fun awọn ipo ti awọn ohun kan. Ni o daju, ni ona ti o jẹ, sugbon dipo mọ awọn pato ipo, yi ini sọ fún àwọn kiri bi o ti o yẹ ki o wa gbe ọkan tabi miiran ano pẹlu ọwọ si ẹgbẹ tabi kọja awọn iwe bi kan gbogbo.

Ohun ti iye le awọn Ipo ini?

Wa ini le gba orisirisi ti o yatọ iye, nibẹ ni o wa nikan marun. Eyi ni kan finifini apejuwe ti kọọkan:

• Ipo jogún. Ẹya ara ẹrọ yi faye gba o lati da awọn data lori awọn ipo ti awọn ano ti o jẹ a obi. Fun apere, ti o ba ni a ipin pẹlu kan pàtó kan Ipo Ojulumo, ki o si tẹ sinu o pẹlu IMG jogun iye tun yoo wa ni ṣeto si Ebi.
• Ipo Aimi. Yi ti ni a fun si gbogbo eroja laifọwọyi, ayafi ti so eyikeyi diẹ sii. Awọn eroja dada sinu ipo bi mẹnuba ninu awọn koodu ati ki o wa ko wa fun orisirisi kan ti "frills", gbigba lati yi wọn si ipo.
• Ipo Idi. Nipa yi iye awọn Ipo ini ti wa ni oyimbo igba lo ni igba ibi ti o jẹ pataki lati ṣẹda a "lilefoofo" ano. Pẹlu a fi fun iye ti ohun ini ohun kan ni "alaihan" fun awọn miiran irinše ti awọn iwe. Ti o ni, ti won ti wa ni idayatọ bi ti o ba wa idi ano ko ni tẹlẹ. Òun fúnra rẹ yio ma jẹ ni ibi, laibikita bi o jina a ti scrolled iwe.
• Ipo ti o wa titi. Ni ọpọlọpọ awọn ọna, yi iye ni iru si išaaju ọkan, sibẹsibẹ, nigba ti awọn idi ano ni owun lati awọn obi, ti o wa titi ipawo nikan ni ipoidojuko ti oke osi loke ti awọn kiri iboju, iko awọn iyokù ti awọn eroja ti o bere o.
• Níkẹyìn, ipo ti o Ebi. Yi iru iye faye gba aye ano ojulumo si awọn miiran, eyi ti o le jẹ wulo fun ṣiṣẹda ohun aláwòṣe siṣamisi a npe ni wọpọ "roba". Pẹlu yi ohun ini, awọn ohun kan yoo "Titari" awọn miiran, lai ọdun ni agbara lati yi won si ipo lori awọn iwe.

Nṣiṣẹ pẹlu Ipo ni orisirisi awọn burausa

Ko gbogbo burausa o wa se ni ibamu. Nigba ti julọ yiyan awọn eto fun Internet oniho laisi eyikeyi hitches ti fiyesi iye ti Ipo jẹ Egba otitọ, "chronically pataki» Internet Explorer ka ohun ini, ti o da lori awọn oniwe-version.

Fun apẹẹrẹ, lilo awọn tẹlẹ "sin" awọn browser IE6, o ko ba le lo awọn iye wa titi ati ki o jogún - "kẹtẹkẹtẹ" nwọn nìkan foju o. Sibẹsibẹ, Bíótilẹ o daju wipe keje version of awọn ipo bẹrẹ lati mu, o si wa titi tẹlẹ ni ilọsiwaju, lati jogun olufẹ "kiri lati gba lati ayelujara burausa miiran," ami nikan ni awọn oniwe-kẹjọ incarnation.

Awọn iyokù ti awọn alafojusi calmly mu Ipo pẹlu awọn akọkọ ti ikede, pẹlu awọn sile ti Opera, eyi ti o ti ni awọn support ti awọn ini ni awọn oniwe-4 iyatọ, atejade ni aarin-90s.

Nṣiṣẹ pẹlu Ipo ni JavaScript

Ni pato, awọn itan ti bi o lati ṣiṣẹ pẹlu awọn Ipo ini ni JavaScript ti wa ni, a ti o wa nikan fun awọn nitori ti njuwe. Nitori yi ini ko ni ni eyikeyi pataki ohun kikọ ninu awọn akọle, o le lo awọn JS lai eyikeyi ayipada, fun apẹẹrẹ, lati ṣeto awọn ipin Ipo Ebi, yẹ ki o ni a ila bi yi: div.style.position = 'ojulumo'.

Bi o ti le ri, o ni lẹwa o rọrun.

Kí nìdí Ipo Ojulumo iteriba pataki ifojusi?

Lakoko ti o ti julọ ninu awọn ohun ini iye Ipo, lati fi o mildly, "tutọ" lori agbegbe eroja, lilo awọn iye "style ipo: ojulumo", yẹ ki o ma ranti nipa gbogbo iwe bi kan gbogbo, nitori aibojumu lilo le strongly "skew" gbogbo awọn akoonu ti ti iboju .

Ni afikun, yi ohun ini nikan faye gba o lati awọn iṣọrọ iyipada ti o wa titi oniru aláwòṣe, nitori awọn oniwe-elo yoo laifọwọyi ni ipa gbogbo akoonu ojúewé. Nigbana ni a si tun ni akoko lati ro awọn apeere ati awọn aṣiṣe lilo yi iye, ati awọn ti o yoo ri awọn oniwe-ojulowo lami ni iwa.

Nigba ti o yẹ ki o lo ojulumo aye?

Ni afikun si awọn mora ifilelẹ ti awọn ojúewé HTML, Ipo Ojulumo igba lo lati ṣẹda kan orisirisi ti awon ipa. Fun apẹẹrẹ, ti o ba ti o ba fẹ ohun kan "wá" lori a iwe tabi, lori awọn ilodi si, maa lọ kọja awọn oniwe-agbegbe, o jẹ gbọgán yi ohun ini le ran o se yi "omoluabi".

Awọn wọnyi "ẹtan" ti wa ni muse nipasẹ JavaScript ti wa ni, tabi, ti o ba ifọkansi fun awọn onitẹsiwaju igbọwọle-, nipasẹ awọn-ini ti CSS3, eyi ti o gba o laaye lati ṣatunṣe cyclical ayipada ninu iye ti kan pato ayelujara.

Ni afikun, ni awọn igba ṣee ṣe lati ṣẹda "arabara" iye Ipo Ojulumo. CSS, ko tilẹ ni akoko kanna faye gba o lati ṣeto nkankan bi ipo: idi ojulumo, ṣugbọn nipa lilo diẹ ninu awọn ẹtan, o jẹ ṣi ṣee ṣe lati se aseyori yi ipa. Yi ona ni o le wa wulo ni igba ibi ti o nilo lati ṣẹda nkankan eka bi a Tooltip tabi pop-soke akojọ. Considering awọn apeere, a yoo fun apejuwe kan ti awọn be ti iru a "arabara."

Apeere ti lilo awọn ojulumo ranking

Ipo Ojulumo - o lẹwa o rọrun, sugbon rọ ọpa ti o fun laaye lati se kan orisirisi ti awon ipa. Ni ibere ko si egbin akoko ati ki o gbe lati kọ be koodu awoṣe, a mu orisirisi awọn roba aligoridimu, eyi ti o le ọṣọ rẹ ojula tabi kan pato ojúewé.

Jẹ ká bẹrẹ pẹlu "ṣiṣe awọn jade" ila. Sawon o ni a nilo fun ohun ano ti yoo "ajo" nitori osi eti ti awọn iboju ki o si laiyara gbe o si ọtun ẹgbẹ. Lati se iru a "siseto" yẹ ṣeto ipo: ojulumo; osi: -100px, ibi ti -100 - awọn isunmọ nọmba ti awọn piksẹli seko awọn Àkọsílẹ iwọn. Yi ara yoo gba o laaye lati tọju awọn kuro ita ti awọn iboju, gbigbe ti o ni "ti o bere si ipo". Bayi o le lo a akosile ti yoo mu gbogbo diẹ milliseconds osi ini iye fun kuro bi gun bi o ko ni di dogba si awọn iwọn ti awọn kiri window iyokuro awọn iwọn ti awọn ano. Awọn esi ni a kuro ti o ba jade kuro ninu osi eti, ti yiyi kọja awọn iboju ki o si "gbesile" ni ọwọ ọtún rẹ.

Miran ti apẹẹrẹ faye gba o lati ṣẹda "ojulumo-idi" eroja. Fun apẹẹrẹ, o le tẹ ohun idi inu miran, nini Ipo Ojulumo. Bi awọn kan abajade, a ni a "ojulumo" Àkọsílẹ ti ko ni awọn iwọn si eyi ti awọn idi ti wa ni kọ, ni bayi ni anfani lati farahan ara ni ipo kan ominira ti awọn ti tẹlẹ ano.

Aṣoju asise nigba lilo Ipo Ojulumo

Awọn wọpọ ìfípáda nigba lilo Ipo Ojulumo ni wipe ọpọlọpọ awọn ayelujara apẹẹrẹ gbagbe nipa agbara lati ṣura ibi kan ninu awọn kuro, eyi ti o le wa ni be ni nibikibi. Fun apere, ti o ba ni kan iṣẹtọ tobi, gbe ita ti awọn iboju ki o si nini kan ojulumo aye, ninu awọn oniwe-ibi ni yio je kan gaping "iho". Sibẹsibẹ, ani ini yi ni ma ṣẹda awọn inconveniences le ṣee lo fun rere, fun apẹẹrẹ, ṣiṣẹda ohun awon ipa ti "ara-Nto" ti awọn ojula, ibi ti gbogbo awọn ti awọn oniwe-amorindun ti wa ni maa gbe ni oke ipo: 0; osi: 0; t. e. oniwe-atilẹba ipo.