Suidhich coimeasach - dè a tha e? iomradh mionaideach

Nesting HTML - a pròiseas fada, mionaideach, ach gu math cruthachail. Ged a airson a 'mhòr-chuid de dhaoine ag obair ann an IT, duilleagan eadar-lìn cruth dh'fhaodadh coltas dòrainneach àbhaisteach, eòlaichean aig a bheil cosnadh airson a leithid cùis, chan ann a-mhàin càileachdail air a dhèanamh air an obair, ach cuideachd a' faighinn bho am pròiseas so-bheanailteach tlachd.

Ach, mus tig sibh a bhith eòlach Coder, gach ùr tighinn a 'cosg tòrr ùine ag ionnsachadh na diofar stiùireadh agus chomharrachaidhean an dà chuid an HTML chànain, agus air a charaid - CSS. Mu dìreach dè CSS, dè tha agus dè na "feint cluasan" a 'leigeil leat dol suas, cho math ri fear dhe na feartan mhullach - Dreuchd coimeasach - an-diugh bidh sinn a' bruidhinn.

Dè tha CSS?

Giorrachadh CSS Faodar ath-sgrìobhadh agus eadar-theangachadh dhan Ruisis mar "fo-dhuilleagan stoidhle". Tha e breagha fuaimean neònach - air an aon làimh, tha e coltach gu soilleir, agus briathran, agus air an taobh eile - coitcheann a 'ciallachadh nach eil e anns a' bhad a ghlacadh. Nach 'tòiseachadh leis an sìmplidh - le stoidhle. Tha seo a 'leigeil leat an teicneòlas a-steach nithean air an duilleig, feartan sònraichte a thaobh coltas gun urrainn dhut clàradh a-mhàin aon turas agus a' cleachdadh an neo-chrìochnach uile turas.

Tha am facal "table" ann an oifigeil translation nochd cha mhòr le tubaist - gu dearbh tuilleadh iomchaidh an seo a bhiodh a 'cleachdadh an fhacail "liostaichean" no "liostaichean", ge-tà na h-ùghdaran a' chiad eadar-theangachadh co-dhùnadh gum CSS coltach barrachd liosta, agus a tha sinn leithid a tha a-nis a 'feuchainn orra.

Mu dheireadh, tha am facal "Cascade." Tha an fhìrinn gu bheil gach eileamaid urrainn tha grunn stoidhlichean a dh'fhaodas a bhith measgaichte no fiù 'tar-lùbadh. Ann an cùisean mar sin, am brabhsair a tha gu ìre seata de riaghailtean, ann an òrdugh a sgrìobhadh air coltas an togalaich, a 'tionndadh a-mach gu bhith iomadh stoidhlichean, le fear dhiubh, mar eisimpleir, tha Dreuchd coimeasach seilbh, agus eile - Dreuchd Absolute. Gu dearbh, leithid còmhstrithean nach urrainn a bhith air a cur suas ach ann an pròiseactan mòra leithid breisleach a 'tachairt gu math tric.

Agus a-nis, nuair a h-uile nì e soilleir bho ainm, leig a 'coimhead sìmplidh, mar eisimpleir. Nach can làraich agad a bu chòir a bhith na àireamh mhòr de na putanan, air a dhealbhachadh ann an dòigh shònraichte. Tha iad feartan leithid meud, faileas, opacity, dath. Gu dearbh, faodaidh sibh a 'sònrachadh nam paraimeadaran seo, a' cruthachadh gach putan, ach tha e nas fhasa a bhith a 'cleachdadh CSS. Ann an cleachdadh, feumaidh tu innse de chlas sònraichte, a 'dèanamh liosta de na luachan aig a h-uile h-àrd togalaichean, agus an uair sin, an àite fada liosta, an taga gach putan a-mhàin a dh'fheumas a' sònrachadh an t-ainm a 'chlas, an uair sin am brabhsair fhèin bidh dath-eileamaidean sin ann an miannaichte dath agus a thoirt dhaibh ceart "gloss".

Dè tha Dreuchd seilbh?

Tha sinn a-nis a 'dol dìreach chun an seilbh Dreuchd, air sgàth a chaidh a thòisich seo artaigil air fad. Ma tha thu eòlach air a 'Bheurla, no a bheil deagh Intuition, an uair sin mar-thà, bu chòir dhut a bhith soilleir - an seilbh seo tha uallach air airson location an Leabhair. Gu dearbh, mar a tha e, ach an àite a 'dearbhadh sònraichte location, an seilbh seo ag innse brabhsair mar a bu chòir an cur aon no eileamaid eile a thaobh ri an taobh no feadh an duilleag gu lèir.

Dè na luachan urrainn an Dreuchd seilbh?

Tha ar seilbh gabhaidh iomadh diofar luachan, chan eil ann ach còig. Seo tuairisgeul goirid air gach:

• Dreuchd shealbhachadh. Feart seo a 'leigeil leat lethbhreac a tha an dàta air suidheachadh na h-eileamaid a tha na pàrant. Mar eisimpleir, ma tha div le shònrachadh Dreuchd coimeasach, agus an uair sin a stigh e le ImG sealbhaich luach cuideachd a thèid a chur gu coimeasach.
• Suidhich Static. Tha seo a 'cur luach air a thoirt do gach eileamaid fèin-obrachail, mur a ràdh tuilleadh. Tha eileamaidean freagairt a-steach suidheachadh mar a dh'ainmichear ann an còd agus nach eil ri fhaotainn airson caochladh "frills", le cothrom aca atharrachadh suidheachadh.
• Dreuchd Absolute. Le seo luach na seilbh Dreuchd tha gu math tric air a chleachdadh ann an cùisean far a bheil e riatanach a 'cruthachadh "fleodraidh eileamaid". Le thoirt luach na seilbh a 'phìos a tha "fhaicsinneach" airson pàirtean eile na duilleig. 'S e sin, tha iad a chur air dòigh mar ma tha ar iomlan eileamaid eil ann. E fhèin an-còmhnaidh a bhith ann, a dh'aindeoin dè cho fada a bhith a 'Ghluais duilleag.
• Dreuchd Stèidhichte. Ann an iomadh dòigh, tha seo a luach a tha coltach ris an fhear roimhe, ge-tà, ged a bha an lan-eileamaid a tha ceangailte ri pàrant, stèidhichte a 'cleachdadh ach na co-chomharran na h-àrd air an làimh chlì an oisean den brabhsair glacadh-, gun a faighneachd a' chòrr de na h-eileamaidean a thoiseach e.
• Mu dheireadh, Suidhich coimeasach. Tha an seòrsa luachan a 'leigeil positioning eileamaid an coimeas ri an taobh eile, a dh'fhaodas a bhith feumail airson a bhith a' cruthachadh an atharrachail a 'comharrachadh a ghairm ann an cumanta "rubair". Le seo seilbh, an rud a bhios "a phutadh" eile, gun a bhith a 'call comas aca atharrachadh suidheachadh air an duilleag.

Ag obair le Dreuchd ann an diofar shealladairean

Neo-uile brabhsairean a cheart cho co-chòrdail. Ged a chuid as motha eile prògraman airson Internet marcachd-thonn gun streap sam bith a bhathar a 'faicinn luach Dreuchd tha dìreach fìor, "chronically sònraichte» Internet Explorer a' beachdachadh air an t-seilbh, an crochadh air a tionndadh.

Mar eisimpleir, a 'cleachdadh mar-thà "a thiodhlacadh" an brabhsair IE6, chan urrainn dhut a' cleachdadh an luach Ceangailte agus sealbhaich - "asal" iad dìreach a 'leigeil seachad e. Ach, a dh'aindeoin 's gu bheil an t-seachdamh dreach den t-suidheachadh a thòisich leasachadh, agus Stèidhichte mar-thà air an giullachd, gu sealbhaich leannan "brabhsair luchdachadh a-nuas brabhsairean eile," ràinig a-mhàin ann an ochdamh baidse.

Tha an còrr den amhairc socair Dreuchd a làimhseachadh leis a 'chiad dreach, ach a-mhàin Opera, a tha air an taic a fhuair na feartan ann an 4 caochlaidhean, a chaidh fhoillseachadh ann am meadhan na 90an.

Ag obair le Dreuchd ann an Javascript

Gu dearbh, tha an sgeulachd air mar a bhith ag obair leis an Dreuchd seilbh ann Javascript a tha, tha sinn air a ghabhail a-steach a-mhàin air sgàth na fìreantachd. Seach seo seilbh Chan eil sònraichte sam bith charactaran ann an tiotal, faodaidh sibh a 'cleachdadh an JS gun atharrachaidhean sam bith, mar eisimpleir, a chur an div Dreuchd coimeasach, a bu chòir gabhail a-steach loidhne mar seo: div.style.position =' càirdeach '.

Mar a chì sibh, tha e gu math sìmplidh.

Carson Dreuchd coimeasach airidheachd aire shònraichte?

Ged a chuid as motha den t-seilbh luachan Dreuchd, a chur mildly, "smugaid" air mun cuairt eileamaidean, a 'cleachdadh an luach "stoidhle position: buntainneach", bu chòir an-còmhnaidh a' cuimhneachadh mu fad duilleag-iomlan, a chionn mì-chleachdadh faodaidh gu làidir "ag obrachadh" air fad a th 'ann an sgrion .

A thuilleadh air sin, an seilbh seo a-mhàin a 'leigeil leat furasta iompachadh stèidhichte dealbhadh-fhreagarrachd, a chionn iarrtas aca a thèid a' toirt buaidh air a h-uile clàr na duilleagan. An uair sin tha sinn fhathast a tha ùine a 'beachdachadh air na h-eisimpleirean seo a' cleachdadh mearachdan is luach, agus chì thu a faicsinneach cudromach ann an cleachdadh.

Cuin a bu chòir dhut a chleachdadh buntainneach positioning?

A thuilleadh air an gnàthach cruth na duilleagan HTML, Suidheachadh coimeasach gu tric a chleachdadh gus a chruthachadh diofar inntinneach a bhuaidh. Mar eisimpleir, ma tha thu ag iarraidh a 'phìos "thàinig" air an duilleig no, air a' chaochladh, mean air mhean a 'dol seachad air tìr aca, tha e dìreach an seilbh seo a chuidicheas tu a chur an gnìomh seo "cleas".

Tha iad sin a "cleasan" a chur an gnìomh tro Javascript a tha, no, ma tha thu ag amas airson an adhartach sparradh, tro feartan CSS3, a tha a 'toirt cothrom dhut atharrachadh cunbhalach atharrachadh ann an luach sònraichte caochlaideach.

A thuilleadh air sin, ann an cuid de chùisean ghabhas a chruthachadh "hybrid" luachan Dreuchd coimeasach. CSS ged nach 'eil aig an aon àm a' leigeil leat a chur rudeigin mar position: iomlan buntainneach, ach le bhith a 'cleachdadh cuid de na cleasan, tha e fhathast comasach a' bhuaidh seo fhaighinn. Tha an dòigh seo a dh'fhaodadh a bhith feumail ann an suidheachaidhean far a dh'fheumas tu rudeigin a chruthachadh iom-fhillte mar a tooltip no pop-up menu. Beachdachadh air na h-eisimpleirean, bheir sinn iomradh air an structar a leithid de "dà-chonnaidh."

Eisimpleirean de bhith a 'cleachdadh an rangachaidh buntainneach

Suidhich coimeasach - tha e gu math sìmplidh, ach sùbailte inneal a leigeas leat a chur an gnìomh diofar inntinneach a bhuaidh. Gus nach tèid an ùine a chall agus àite airson a 'sgrìobhadh gun fheum code teamplaid, tha sinn a' cur iomadh beul-aontaran, a 'sgeadachadh na làraich agad no duilleagan sònraichte.

Nach 'tòiseachadh le "ruith a-mach" loidhne. Creids 'agad air an fheum airson an eileamaid a bhios a "siubhal" air sgàth an làimh chlì air oir na sgriona agus slaodach a' gluasad gu an taobh dheas. A chur an gnìomh a leithid de "uidheam" a bu chòir a chur position: càirdean; làimh chlì: -100px, far -100 - tuairmseach grunn de na piogsail ciallachadh an loga bacaidh a leud. An stoidhle seo a leigeas dhut falach an aonad taobh a-muigh a 'glacadh, a' cur e ann an "suidheachadh a 'tòiseachadh". A-nis faodaidh tu a 'cleachdadh sgriobt a bhios a' meudachadh a h-uile beagan milliseconds dh'fhàg seilbh luach gach aonad cho fada 'sa chan eil e a bhith co-ionann ris an leud a uinneag shealladar thoir leud na eileamaid. Tha thoradh air sin tha aonad a 'tighinn a-mach às an làimh chlì oir, roiligeadh air feadh an sgrion agus "a pharcadh" ann an làimh dheis.

Eisimpleir eile a 'leigeil leat a chruthachadh "càirdeach-iomlan" eileamaidean. Mar eisimpleir, faodaidh sibh cuir a-steach iomlan taobh a-staigh eile, a bhith Dreuchd coimeasach. Mar thoradh air sin, tha a "buntainneach" a bacaidh Chan eil meud gu bheil an t-iomlan snaidhte, tha a-nis comasach air foillsichidh fhèin ann an suidheachadh neo-eisimeileach an eileamaid roimhe.

Mearachdan cumanta a 'cleachdadh Dreuchd coimeasach

As cumanta mearachd nuair a cleachdadh an Dreuchd coimeasach gu bheil mòran lìn dealbhaidh dìochuimhneachadh mu chomas a 'gleidheadh àite san aonad, a gheibhear àite sam bith. Mar eisimpleir, ma tha gu math mòr, a chur taobh a-muigh na sgrion agus a bhith càirdeach positioning, ann na àite a bhios gaping "toll". Ach, fiù 's an seilbh seo air uairibh a' cruthachadh an cuid de inconveniences faodar a cleachdadh airson math, mar eisimpleir, a 'cruthachadh inntinneach bhuaidh "fèin-chruinneachadh" air an làraich, far a bheil a h-uile de na blocaichean a tha mean air mhean a chur ann an suidheachadh a' mhullach: 0; làimh chlì: 0; t. d. tùsail aice location.