Maemo a lekanyelitsoeng - ke eng? tlhaloso e qaqileng

Nesting HTML - tshebetso e telele, o boima o, empa pōpo haholo. Ho sa tsotellehe 'nete ea hore bakeng sa batho ba bangata ba hiriloe ka IT, maqephe a web a moralo' na ha bonahala bora kemiso, ditsebi ba nang le bo ikhethang bakeng sa Boemong bo joalo, e seng feela ka boleng phethe mosebetsi oo, empa hape fumana ho tswa ho tshebetso ya ho monyaka bonahalang.

Leha ho le joalo, pele u ba nang le phihlelo phele tho, e mong le e-rao o qeta nako e ngata ke ithuta litaelo tse sa tšoaneng le songolo ea ba puo HTML, 'me ka selekane lona - CSS. About hantle seo CSS, hore na ke eng le hore na "Litsebe tsa feint" lumella u ho tsoha, hammoho le e 'ngoe ea thepa ea lona holimo - Boemo lekanyelitsoeng - kajeno re tla bua.

CSS ke eng?

CSS khutsufatso ka transcribed le fetoleloa ka Serussia e le "maqephe cascading setaele". Ho utloahala e le ntle makatsang - ka lehlakoreng le leng, ho bonahala e hlakileng, 'me mantsoe a,' me ka ba bang - se boleloang ke kakaretso e sa hang-hang haptjoa. A re ke re qala ka ka tsela e itekanetseng e - le mokhoa oa ho ngola. theknoloji ena lumella u ho hokela beha dintho ka leqepheng la, le litšobotsi tse itseng mabapi le ponahalo eo o ka feela ngodisa hang le sebelisa palo e ke keng ba lekanngoa ba linako tse ling.

Lentsoe "tafole" phetolelong semmuso a hlaha hoo e ka bang ka ho hlaheloa ke kotsi - e le hantle loketseng ho tse ngata mona ne e tla ba ho sebelisa lentsoe "mananeo" kapa "mananeo" Leha ho le joalo ya bangodi ba phetolelo ea pele etsa qeto ea hore ho CSS shebahala joaloka fetang lethathamo, 'me re bo-mang joalo e hona joale ho leka ho bona.

Qetellong, lentsoe "phorosela." 'Nete ke hore e mong le e elements ka ba le mekhoa e' maloa e ka tsoakane kapa esita lepelela. Maemong a joalo, ho browser o na le ho retelehela ho sete ya melao, e le hore ho qapa ponahalo ea le literata, e leng ile ea e-ba mekhoa 'maloa, ka mong oa bona, ho etsa mohlala, e na le Boemo lekanyelitsoeng thepa,' me e mong - Boemo Absolute. Ha e le hantle, likhohlano joalo a ke ke a lumella, empa mererong kgolo pherekano joalo etsahala hangata ha ho.

Kahoo joale, ha tsohle e hlakile ho tswa lebitso leo, a re ke re sheba mohlala o bonolo. A re re saeteng ya hao e lokela ho ba palo e kholo ea dikonopo, tse reretsoeng ka tsela e itseng. Ba na le thepa e joalo e le ka boholo, moriti, opacity, mmala. Ya e le hantle, u ka bolela ka ho toba entsprechen tsena, ho bōpa e mong le e konopo, empa ha ho bonolo haholo ho sebelisa CSS. Ka mokhoa ona, u lokela ho bua ka sehlopha sa tse ling, tseo e thathamisa melao ea boitšoaro tsohle tsa thepa tse ka holimo, 'me ka nako eo, ho e-na le lethathamo le lelelele, tag e mong le e mong konopo tla feela lokela ho bolela ka ho toba lebitso la sehlopha sa, ka nako eo seshebisi ka boeona e tla' mala likarolo tsena ka mebala batlang le ba fa e loketseng "sephatsimisi".

Seo etsang Boemo thepa?

Re hona joale tsoela pele ka ho toba ho ea thepa Boemo, ka lebaka la se ileng sa qala sehloohong sena sohle. Haeba u ba tseba puo ea Senyesemane, kapa ho ba le intuition ntle, ka nako eo o lokela ho se ho hlakile - thepa ena e ikarabella bakeng sa sebaka ya ntlha ya. Ha e le hantle, ka tsela ena, empa ho e-na fumana sebaka itseng, thepa ena e re bolella ho browser ya kamoo e lokela ho beha e 'ngoe kapa elements e mong mabapi le haufi kapa ka mose ho leqephe ka kakaretso.

Seo makgabane ka ho Boemo thepa?

thepa ya rona ka amohela melao ea boitšoaro 'maloa fapaneng, ho na le tse hlano feela. Mona ke tlhaloso e khutšoanyane ea e mong le e:

• Boemo ba ba rua '. Tsobotsi ena lumella u ho kopitsa boitsebiso ka boemo ba elements hore ke motsoali. Ka mohlala, haeba u na le div ka boletsweng Boemo mong ka bona, joale ba kena ka ho eona le у мужчин img-ja lefa la boleng ba eona e tla beha ho lekanyelitsoeng.
• Maemo a ee sa fetoleng boemo. boleng ena e ileng ea fuoa likarolo tsohle ka tsela e iketsang ntle leha o ile a re leha e le efe ho feta. thepa ea motheo e lumellane ka maemo a joalokaha ho boletsoe ka khoutu le ba ha e fumanehe bakeng sa mefuta e fapaneng ya "frills", e le hore ho fetola boemo ba bona.
• Boemo ba Absolute. Ke boleng ena ea Boemo thepa e hangata sebelisoa maemong a moo ho hlokahalang ho bōpa e "phaphametseng" elements. Le boleng ba fuoa ea ntho thepa e "sa bonahaleng" tsa dikarolo tse ling tsa leqephe. Ke hore, ba ile ba ba a lokisetsa joalokaha eka elements rona ka ho feletseng ha e yo. Eena ka boeena o tla lula e le sebaka, ho sa tsotellehe hore na ho se scrolled page.
• Maemo a tsitsitseng. Ka litsela tse ngata, boleng ena e tšoana le ea pejana, Leha ho le joalo, ha a ntse a elements feletseng e tlangwa ho motsoali, e tsitsitseng ea e sebelisang feela hokahanyang tsa ka holimo le letšehali k'honeng ea skrine seshebisi, ho hlokomoloha litho tse ling tsa boemo ba leholimo hore etelloa pele eona.
• Qetellong, maemo a lekanyelitsoeng. makgabane mofuta ona o dumella boemo elements amanang le ho e 'ngoe, e leng se ka ba molemo bakeng sa ho bōpa e etsehang ho tšoaea bitsoa "rabara" tloaelehileng. Le thepa ena, ntho e tla "sututsa" tse ling tse, ntle le ho lahleheloa ke matla a ho fetola boemo ba bona ka leqepheng la.

Ho sebetsa le Boemo ka go disofetewere fapaneng

Ha go disofetewere tsohle ke ka tsela e tsoanang e sebeletsanang le yona. Ha a ntse a ho fetisisa mananeo a mefuta e meng bakeng sa ho Internet ho palama maqhubu ntle hitches efe kapa efe lemohuoa boleng ba Boemo ke 'nete ka ho feletseng, "chronically khethehileng» Internet Explorer nahana thepa e, ho itšetlehile ka phetolelo ea lona.

Ka mohlala, ho sebelisa se "patoa" seshebisi ka IE6, o ka se ke ua sebelisa boleng tsitsitseng le ba rua '- "esele" ba mpa feela ba hlokomoloha. Leha ho le joalo, ho sa tsotellehe 'nete ea hore tlhahiso ea bosupa ea boemo bo ile ba qala ho ntlafala,' me e tsitsitseng se sebetswa, ho rua ratoang "seshebisi ho thowuni go disofetewere tse ling," e ile ea fihla feela incarnation lona borobeli.

Ba bang kaofela ba bashebelli ba khobile matšoafo sebetsana Boemo le tlhahiso ya pele, ntle le Opera, e ntšitse tšehetso ea thepa e ka 4 diphapano tsa lona, e hatisitsoeng ka bohareng ba bo-90s.

Ho sebetsa le Boemo ka Javascript

Ha e le hantle, pale ea mokhoa oa ho sebetsa le Boemo thepa ka Javascript e, re e ne e akarelletsa feela ka lebaka la bolongobani. Hobane thepa ena ha e na litlhaku efe kapa efe e khethehileng ka sehlooho se reng, o ka sebelisa JS ntle liphetoho leha e le efe, ho etsa mohlala, ho beha ho div Boemo mong ka bona, ba lokela ho kenyeletsa mola e kang ena: div.style.position = 'a lekanyelitsoeng'.

Joalokaha u ka bona, ho e ntle e bonolo.

Hobaneng Boemo lekanyelitsoeng melemo lebisa tlhokomelo e khethehileng?

Ha a ntse a boholo ba melemo thepa Boemo, ho e beha ka bonolo, "tshwela mare" ka thepa ea motheo e pota-potileng, ho sebedisa boleng "boemo ba setaele: a lekanyelitsoeng", ba lokela ho lula ba hopola ka leqepheng la kaofela ka kakaretso, hobane tšebeliso e fosahetseng ka matla "skew" dikahare lohle la skrineng .

Ho phaella moo, thepa ena feela lumella u ho habonolo sokolla tsepamisitsoeng moralo etsehang, hobane kopo lona e tla ka tsela e iketsang ama maqephe tsohle dikahare. Ka mor'a moo re ntse ba le nako ea ho nahana ka mehlala e le liphoso sebelisa boleng ena, 'me u tla bona bohlokoa ba lona bonahalang ka mokhoa ona.

Ha u lokela ho sebelisa boemo bo lekanyelitsoeng?

, Ho phaella ho moralo tloaelehileng tsa maqephe HTML, Boemo lekanyelitsoeng atisa ho sebelisa ho bōpa a sa tšoaneng liphello tse thahasellisang. Ka mohlala, haeba u batla ntho e itseng "ba tla" leqepheng la kapa, ho fapana le hoo, butle-butle o ile a ka nģ'ane ho sebaka sa eona, ke hantle hore thepa ena e ka u thusa ho kenya sena "qhekella".

Tsena "maqheka" di kenngwa tshebetsong ka Javascript e, kapa, haeba u leka ho ho kenngwa bo tsoelang pele, ka thepa ea CSS3, eo ho dumella ho fetola li fetohele cyclical ka boleng ba le polygonal ho khetheha.

Ho phaella moo, ka linako tse ling ho bonolo ho bōpa "lebasetere" makgabane Boemo e lekanyelitsoeng. CSS, le hoja li sa ka nako e tšoanang lumella u ho beha ntho e 'ngoe joaloka boemo ba: ho lekanyelitsoeng ho feletseng, empa ke ho sebelisa maqheka a mang, e ntse e ka khona ho se finyella e le hantle ena. Mokhoa ona o ka 'na ba molemo maemong a moo o lokela ho bōpa ntho e rarahaneng joaloka sa maele a sediriswa kapa Pop-up menu ya. Ho nahana ka mehlala e ka, re tla fana ka tlhaloso ya sebōpeho sa jwalo "lebasetere."

Mehlala ea sebedisa a lekanyelitsoeng boemong

Maemo a lekanyelitsoeng - e 's ntle e bonolo, empa ke sesebelisoa tenyetsehang e lumellang u ho kenya tshebetsong tse sa tšoaneng liphello tse thahasellisang. Hore ba se ke ba senya nako 'me beha hore a ngole thuso khoutu thempleite, re hlahisa dikgatotharabololong maloa molomo, e leng e ka khabisa hao sebaka kapa maqephe a itseng.

A re ke re qala ka ho "feletsoe ke" mola. A re re u na le hlokahala elements hore o tla "ho tsamaea" hobane bohale setseng skrine le butle susumelletsa ho lehlakoreng le letona. Ho kenya tshebetsong le "mochine" joalo ba lokela ho beha boemo ba: a lekanyelitsoeng; le letšehali: -100px, moo -100 - lekantsoeng nomoro ya dipikselse le molao-ea le literata bophara. mokhoa ona le tla ho dumella ho pata unit ntle ho skrine, tsamaisa eona ka le "qalang boemo ba". Hona joale u ka sebelisa e ngotsoeng e tlang ho eketsa mong le e mong milliseconds maloa setseng boleng thepa ka unit trust e le nako e telele ha e ntse e ha e ba ba lekanang le bophara ba ho browser window ho tloswa e le bophara ba elements ea. Phello ke unit trust e tlisoang ke ho tsoa ka bohale le letšehali, phuthoa ka mose skrine le "pakiloeng," ka letsohong la hae le letona.

Mohlala o mong o lumella u ho bopa "a lekanyelitsoeng-feletseng" thepa ea motheo. Mohlala, u ka kenya ka ho feletseng ka hare e mong, ho ba le Boemo e lekanyelitsoeng. Ka lebaka leo, re na le "a lekanyelitsoeng" le literata tse se nang boholo boo e ka ho feletseng e ngotsoeng, hona joale ba khona ho iponahatsa boemong ba ikemetseng ba elements fetileng.

liphoso tloaelehileng ha u sebelisa Boemo lekanyelitsoeng

The phoso atileng ka ho fetisisa ha ba sebelisa Boemo mong ka uena ke hore ba bangata ba ho web bayemi lebala ka matla a ho bolokela sebaka ka unit trust e, e leng e ka fumaneha kae kapa kae. Ka mohlala, haeba u na le ka toka khōlō, beha ka ntle ho skrine le ho ba le boemo bo lekanyelitsoeng, sebakeng sa eona e tla ba gaping gaping "lesoba". Leha ho le joalo, esita le thepa ena ka linako tse ling etsa hore likhoreletso itseng ka sebelisoa bakeng sa ho molemo, ho etsa mohlala, ho bōpa le phello e thahasellisang ea "ho intša montaza" Websaete eo, moo kaofela ho na le masakana lona ba butle-butle kenngoa ka boemo ba ka holimo: 0; le letšehali: 0; sa t. e. sebaka ka eona qalong.