Cuir CSS ris an ionad: teacsa agus clàr

Tha an saoghal fiosrachaidh ann an tuairmseachadh sam bith air a riochdachadh le eileamaidean agus siostaman eileamaidean, faclan agus teacsaichean, no san eisimpleir mu dheireadh - teacsaichean agus clàran. 'S urrainn dhut beachdachadh eile, aithnichte mar-thà, dàta structaran, a thuilleadh air na dealbhan, ach a' cleachdadh HTML agus CSS cùisean a thaobh cruth teacsa fhàgail fiosrachadh foirmean tha diofar bheachdan adhbharrachadh.

Is e structar ceart duilleag an làraich a bhith a 'dearbhadh suidheachadh gach eileamaid. Is e sgrìobhainn HTML an-còmhnaidh sreath de eileamaidean a tha air an stiùireadh gu dìreach le trì riaghailtean bunaiteach:

• Suidheachadh gu tur;
• Àite san t-sruth àbhaisteach;
• Z-clàr-innse.

Tha roghainnean àite-fuirich eile cuideachd cudromach, gu bheil feum aca air mòran eòlais gus fuasgladh fhaighinn air an duilgheadas le bhith a 'cleachdadh teacsa CSS ".

Riaghailtean bunaiteach agus co-thaobhadh

Tha riaghailtean CSS a 'cur ris an sgrìobhainn HTML, ach às aonais riaghailtean, faodaidh an dàrna fear co-chòrdadh sam bith a làimhseachadh. Tha an leudachadh iomlan de innealan-làimhe agus a 'fàgail dealbhaidh a thaobh sìmplidh nas motha agus "ceart-cheàrnach" a' dèanamh a 'cheist mu bhith a' cuimseachadh buntainneach, fhad 'sa tha co-thaobhadh eile gu tric a' call luach.

Is e prìomh eileamaid na duilleige bloc a tha air a mhìneachadh le stoidhle àraid. Is e an riaghailt co-thaobhadh còmhnard: teacs-align gabhail ris, mar a thachair mar-thà, dìreach ceithir luachan (clì, sa mheadhan, deas, ceart). Faodaidh tu co-thaobhadh dìreach a dhèanamh le bhith a 'cur ri luachan àrd agus riaghailtean àirde-loidhne:

{
Àirde: 88px; // aig co-dhiù co-dhiù
Àirde loidhne: 88px; // css airson teacs Ionad - inghearach
}

Faodaidh tu feuchainn ri riaghailtean eile. ; Tha na stòran a lorg iomradh mu mhìneachadh an loga bacaidh a thaisbeanadh air riaghailtean: bhòrd, a taisbeanadh: Clàr-cealla agus dhìreach-thaobhadh: meadhan; Ach chan eil e an-còmhnaidh ag obair.

Dèan teacsa a cheangal ri clàran

Is e an aon structar dàta a bha air a thuigsinn airson a bhith air a thuigsinn an toiseach agus a bhith beò gu bràth an clàr. Tha e a 'toirt seachad co-thaobhadh dìreach agus còmhnard, a bharrachd air a' cheist air mar a chuireas tu an teacsa air a chuairteachadh ann an CSS, nuair nach eil luach iom-fhillte aig a bhith a 'cleachdadh chlàran.

Chan eil an cleachdadh àbhaisteach a bhith a 'cleachdadh riaghailtean CSS airson amas a choileanadh ann an comharradh daonnan a' riarachadh a 'bhun-bheachd de sheòrsaichean stoidhle. Chan eil dad a 'cur bacadh air an leasaiche bho bhith a' cuimseachadh ann an stiùireadh sam bith le bhith a 'cur susbaint ann an cealla meadhain clàr de thrì colbhan agus trì sreathan.

Chan eil am fuasgladh seo coitcheann, ach èifeachdach. An àite fuasgladh fhada a dhèanamh air duilgheadas co-chòrdadh thar-bhrobhsair na duilleige no cunntadh nan indent air an taobh chlì, deas, msaa, faodaidh tu na luachan ceudna de leud nan ceallan agus àirde nan sreathan anns na clàran a chleachdadh.

A 'co-fhreagairt le JavaScript

Tha a 'cheist "Ciamar a chur an teacs stèidhichte ann an HTML" elementary algairim fhuasglaidh, brabhsair chànan, agus tha mòran nas practaigeach agus iongantach dealbhadh.

Tha dealbhadh faidhlichean stoidhlichean air a bhith air a chraoladh mar-thà, agus tha cha mhòr a h-uile siostam rianachd làraich a 'tabhann stoidhlichean leasachaidh do gach turas. Ach feumaidh beatha sònraichte a bhith an-còmhnaidh: feumaidh sinn smaoineachadh a h-uile uair bho thùs gus faicinn mar a ghabhas an teacsa a chur ann am meadhan CSS. Chan eil an roghainn airson adhbharan co-thaobhadh ann am bloca "glued" gu taobh na duilleige, agus mar sin meudachadh, a 'freagairt bloc de chlàr-taice pop-up a chaidh a thogail bho dhiofar eileamaidean.

Chan eil ionad fradharcach an-còmhnaidh dìreach bloc anns a bheil fios aig a 'chiad dol a-mach far a bheil an taobh clì agus cia mheud piogsail air an làimh dheis, far a bheil am mullach, agus chan e am barantas gur e a' bhonn a 'chrìoch ris a bheil co-thaobhadh dìreach ri dhèanamh.

Tha e follaiseach gum bu chòir an stoidhle seo a dhearbhadh le susbaint. Gu ìre nas motha, tha làraichean a 'toirt fiosrachadh don neach-tadhail, tha taisbeanaidhean lèirsinneach is fuaim dìreach a' cur ris an teacsa àbhaisteach. Is e na samhlaidhean a tha a 'giùlain an t-susbaint riatanach (chan eil seo a' buntainn ri làraichean ealain, dealbhan, ceòl, msaa.) - is e ceist a th 'ann den fhiosrachadh a tha riatanach don neach-tadhail.

Feartan riochdachadh teacsa agus HTML

Tha e coltach gur e teacsa a th 'ann an eileamaid neo-chinnteach de shusbaint na duilleige, chan e am facal. Is e semantics comas an leasaiche (sealbhadair na làraich). Gu dearbh, faodar an teacsa a riochdachadh chan ann le aon tag, is e sin, chan urrainn dha seantans nàdarra a bhith dìreach sreath de shamhlaidhean, ach sreath de thiogaidean le samhlaidhean. Tha seo a 'leantainn oir chan fhaod an teacsa "fèin" CSS "a bhith air a chur ann an cùisean sìmplidh.

Tha foillseachadh an fhrithealaiche air iarrtas bhon bhrobhsair gu math follaiseach agus tha mòran eileamaidean ann nach eil an-còmhnaidh buntainneach ris na bhios air a thaisbeanadh. Nuair a thathar a 'dealbhadh cruth duilleag, tha e cudromach gun cuir thu cuideam ceart ann am pàirt a' toirt seachad fiosrachadh, gu sònraichte, co-thaobhadh. Rud eile nas fheàrr a dhèanamh air an fhrithealaiche, rudeigin air a 'chleachdaiche, is e sin, anns a' bhrabhsair. Na bi daonnan an urra ri riaghailtean CSS, tha an stiùireadh don toradh deireannach tòrr nas practaigeach.