! Feachdan cudromach a bhith ag atharrachadh anns a 'cascade
Is e aon de na dòighean as fheàrr air ionnsachadh mar a chleachdas tu làraichean-lìn còd coimhead ri còdan bunaiteach làraich eile. Is e an cleachdadh seo cia mheud proifeiseantair lìn a dh 'ionnsaich an ciùird aca, gu h-àraid anns na làithean mus robh uiread de roghainnean ann airson cùrsaichean dealbhadh lìn , leabhraichean , agus làraichean trèanaidh air-loidhne.
Ma tha thu a 'feuchainn ris a' chleachdadh seo agus a 'coimhead air duilleagan stoidhle cascading (CSS), aon rud a chì thu sa chòd sin' se loidhne a tha ag ràdh! Cudromach.
Dè tha sin a 'ciallachadh agus, dìreach cho cudromach, ciamar a chleachdas tu an dearbhadh sin gu ceart anns na duilleagan stoidhle agad?
Cascade CSS
Sa chiad dol a-mach, tha e cudromach tuigsinn gum bi na bileagan stoidhle casgach a ' cromadh , a' ciallachadh gu bheil iad air an cur ann an òrdugh sònraichte. San fharsaingeachd, tha seo a 'ciallachadh gu bheil na stoidhlichean gan cleachdadh san òrdugh a tha iad gan leughadh leis a' bhrabhsair. Tha a 'chiad stoidhle air a chur an gnìomh agus an dàrna fear agus mar sin air adhart.
Mar thoradh air an sin, ma tha stoidhle a 'nochdadh aig mullach duilleag stoidhle agus an uairsin air atharrachadh nas ìsle san sgrìobhainn, is e an dàrna eisimpleir den stoidhle sin an tè a chaidh a chleachdadh ann an suidheachaidhean às dèidh sin, chan e a' chiad fhear. Gu dearbh, ma tha dà stoidhle ag ràdh an aon rud (a tha a 'ciallachadh gu bheil an aon ìre sònraichte aca), thèid an tè mu dheireadh a tha air a liostadh a chleachdadh.
Mar eisimpleir, smaoinich sinn gu robh na stoidhlichean a leanas ann an duilleag stoidhle. Bhiodh an teacsa paragraf air a dhèanamh ann an dubh, ged a tha an togalach stoidhle a chaidh a chur an gnìomh dearg.
Tha seo air sgàth 's gu bheil an luach "dubh" air a chlàradh an dàrna cuid. Seach gu bheil CSS air a leughadh suas gu mullach, tha an stoidhle deireannach "dubh" agus mar sin tha an tè sin a 'buannachadh.
p {dath: dearg; }
p {dath: dubh; }
Mar a tha atharrachaidhean cudromach aig a 'Phrìomhachas
A-nis gu bheil thu a 'tuigsinn mar a tha CSS a' pròiseasadh na riaghailtean sin co-ionnan, is urrainn dhuinn coimhead air mar a tha an stiùir chudromach ag atharrachadh rudan beagan.
Tha an stiùireadh cudromach agad a 'toirt buaidh air an dòigh anns a bheil do chnap-starra CSS a ' leantainn nan riaghailtean a tha thu a 'faireachdainn as cudromaiche agus bu chòir a bhith air an cur an gnìomh. Tha riaghailt aig a bheil an stiùireadh cudromach! An-còmhnaidh air a chleachdadh ge bith càite a bheil an riaghailt sin a 'nochdadh ann an sgrìobhainn CSS.
Gus an teacsa paragraf a dhèanamh an-còmhnaidh dearg, bhon eisimpleir gu h-àrd, cleachdaidh tu:
p {dath: dearg! cudromach; }
p {dath: dubh; }
A-nis nochdaidh a h-uile teacsa ann an dearg, eadhon ged a tha an luach "dubh" air a chlàradh an dara cuid. Tha an stiùireadh cudromach a 'dol thairis air riaghailtean àbhaisteach an gas-casachaidh agus tha e a' toirt seachad gu sònraichte an stoidhle sin gu sònraichte.
Ma dh'fheumadh tu gu h-iomlan na paragrafan nochdadh gu dearg, dhèanadh an stoidhle seo e, ach chan eil sin a 'ciallachadh gur e deagh chleachdadh a tha seo. Feuch an ath thuall sinn nuair a tha thu airson a chleachdadh! Cudromach agus cuin nach eil e iomchaidh.
Cuin a chleachdas tu! Cudromach
Tha an stiùireadh cudromach gu math cuideachail nuair a tha thu a 'feuchainn air làrach-lìn a dhearbhadh. Mura h-eil thu cinnteach carson nach eil stoidhle ga chur an sàs agus a 'smaoineachadh gur e cùis sònraichte a th' ann, faodaidh tu an dearbhadh cudromach! A chur ris an stoidhle agad gus faicinn a bheil sin ga rèiteachadh.
Ma tha e cudromach, tha e cudromach gu bheil duilgheadas stoidhle ann, tha thu dìreach air dearbhadh gu bheil e na chùis sònraichte. Ach, chan eil thu airson seo fhàgail! Còd cudromach air a stèidheachadh, cha deach a chur ach airson adhbharan deuchainn.
Leis gu bheil deuchainnean air a dhèanamh, bu chòir dhut a-nis an stiùireadh sin a thoirt air falbh agus an roghnaichear agad a choileanadh gus an sònrachas a dh'fheumas tu gus do stoidhle obrachadh. Cha bu chòir! cudromach a dhol a-steach do na làraich riochdachaidh agad, gu ìre air sgàth mar a tha e ag atharrachadh an casgade àbhaisteach.
Ma dh'fhàsas tu gu mòr air an dearbhadh cudromach agad gus na stoidhlichean a tha thu ag iarraidh a choileanadh, mu dheireadh thall bidh duilleag stoidhle agad le stoidhlichean cudromach. Bidh thu ag atharrachadh gu bunaiteach mar a tha CSS air duilleag air a phròiseasachadh. Tha e na chleachdadh leònach nach eil math bho shealladh riaghlaidh fad-ùine.
Cleachd! Cudromach airson deuchainnean no, ann an cuid de chùisean, nuair a dh'fheumas tu a dhol thairis air stoidhle in-loidhne a tha na phàirt de fhrèama cuspair no teamplaid.
Fiù anns na cùisean sin, cleachd an dòigh-obrach seo cho sgapte 's as urrainn agus an àite sin feuchainn ri duilleagan stoidhle ghlan a sgrìobhadh a thuigeas an casgade.
Stoidhle Stoidhle Cleachdaiche
Tha aon not deireannach air an stiùireadh cudromach a tha riatanach airson tuigsinn. Chaidh an stiùireadh seo a chur an sàs cuideachd gus luchd-cleachdaidh duilleag lìn a chuideachadh a 'dèiligeadh ri duilleagan stoidhle a tha a' dèanamh dhuilleagan doirbh dhaibh a chleachdadh no a leughadh.
Mar as trice, ma bhios neach- cleachdaidh a 'mìneachadh duilleag stoidhle airson coimhead air duilleagan lìn, tha an duilleag stoidhle sin air a thoirmeasg le duilleag stoidhle ùghdar duilleag-lìn. Ma tha an neach-cleachdaidh a 'comharrachadh stoidhle mar! Cudromach, bidh an stoidhle sin a' coimhead thairis air duilleag stoidhle ùghdar duilleag-lìn, fiù ma tha an t-ùghdar a 'comharrachadh riaghailt mar! Cudromach.
Tha seo feumail do luchd-cleachdaidh a dh'fheumas stoidhlichean a shuidheachadh ann an dòigh shònraichte. Mar eisimpleir, is dòcha gum feum cuideigin meudan cruth-clò àbhaisteach a mheudachadh air gach duilleag-lìn a chleachdas iad. Le bhith a 'cleachdadh an stiùiridh cudromach agad gu ìre mhòr anns na duilleagan a thogas tu, bidh thu a' gabhail a-steach feumalachdan sònraichte sam bith a dh'fhaodadh a bhith aig do chleachdaichean.
Air a dheasachadh le Jeremy Girard