Top eang CSS: Clàr-innse Ranking

CSS cruth riamh air a bhith ceithir-cheàrnach. Sam bith rèidh lines - an comas an leasaiche. Style riaghailtean gu leòr roghainnean a thoirt rèidh duilleag taobh a-staigh foirm a 'glacadh rùn. Ach cruth eileamaid sam bith - tha e an-còmhnaidh ceart-cheàrnach anns a bheil am location fiosrachadh a tha air a riaghladh le riaghailtean CSS.

Padding air gach taobh tha cudromach do gach eileamaid air an duilleag nuair a tha e gu tur an suidheachadh, agus bàrr air iomall a shuidheachadh le CSS gu h-àraid seach gu bheil e cudromach airson na diofar eileamaidean, gu sònraichte ìosal chùis.

Basic positioning riaghailtean

Tha an loga bacaidh a 'bhall Tha fharsaingeachd a' fàgail bho taobhan na eileamaid, a tha (iomall), san fharsaingeachd indentation airson na h-eileamaidean na bhroinn (padding) agus leud de na cèis (crìoch), a dh'fhaodas a chleachdadh cuideachd.

Gu sònraichte cudromach a tha a 'mhullach iomall. CSS taobh a-staigh riaghailtean an t-aonad a 'ceangal a-staigh padding riaghailtean uabhasach agus an ìre mhath air an suidheachadh taobh a-staigh eileamaidean a bacaidh.

Tha àbhaisteach chleachdadh CSS-riaghailtean: urrainn dhut dè an iomall air gach taobh-ionann, ann an càraidean mullach /-ìosal agus air an làimh chlì / dheis no do gach taobh fa leth. Mar eisimpleir,

• OIR: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px.

Anns a 'chiad chùis ball tha air a stàladh air a chothromachadh bhon taobh a-muigh container, anns a bheil e suidhichte. Anns an dàrna cùis a 'mhullach agus aig a' bhonn Tha oirean 10px, deas is clì - 20px. Anns an treas cùis, na tomhasan de padding air gach taobh: 'mhullach air an làimh dheis, agus aig a' bhonn chlì.

Anns gach cùis, a 'mhullach iomall CSS 10 px.

Riaghailtean ag atharrachadh suidheachadh na h-eileamaidean

Ma tha an cruth eileamaid nach eil e dìreach an suidheachadh, tha e ann an riochd choitcheann òrdugh duilleag.

Ma tha sinn a 'mìneachadh a' mhullach ann an iomall CSS scCurrInfo eileamaid a choileanadh, agus ma aig an ìre li - no.

Anns an eisimpleir seo, a 'cleachdadh riaghailtean padding: 40px; Tha feum air riaghailtean iomchaidh a lùghdachadh leud is àirde a 80px. A chaochladh scCurrInfo bacaidh meud a 'faighinn a-mach seachad air an taobh a-muigh an aonaid.

Ma tha thu a thoirt air falbh padding bhon tuairisgeul riaghailt scCurrInfo, ach cuir e le luach 20px anns an tuairisgeul air an liosta a 'phìos stoidhle, ach mullach na duilleige. CSS Chan eil seo a chur ri luach na pàrtaidhean eile.

Nàdarrach, leithid a 'cleachdadh indentation riaghailtean a' buntainn ri gach eileamaid li.

Cleachdadh coitcheann susbaint cruth

Nithean leasachaidh a ruigsinn iomlanachd, is mìle gu leth duilleagan bacadh eileamaidean. A rèir choltais, 'se seo clasaigeach a chleachdadh - a' tòiseachadh leis a 'bhòrd agus crìoch aca fhèin foghlaim a' phròiseas air a 'blocaichean.

Saorsa ghnèitheach ann an loga bacaidh a cruth, mesmerizing, agus an leasachadh air a 'mhac-meanmna nach urrainn a bhith cuibhrichte ri riaghailtean teann clàir a-mhàin rangannan a-mhàin cealla fusion a-mhàin a' chòmhnard agus dìreach. Nothing dhì-dàimh beachdan.

Aig an aon àm, bùird, a thuilleadh air an drawbacks follaiseach, tha mòran buannachdan càileachdail. Cruthachadh an indentation air a 'mhullach, a' toirt cothrom airson CSS padding air an taobh chlì, air an làimh dheis (bho bhonn - tha seo sònraichte dràsta). Riaghailtean leigeas leat smachd a chumail air a 'bhòrd ceallan a rèir a chèile an dà chuid gu dìreach agus gu còmhnard. A 'cleachdadh stoidhlichean t-sreath, a' cur orra leis an stoidhlichean ceallan urrainn iom-fhillte a chruthachadh taisbeanadh de shusbaint.

Habitual riochdachadh duilleag ann an cruth ceart-cheàrnaich (bacaidh cruth) Chan eil stad a chur ann an clàr. Tha seo cuideachd a 'ceart-cheàrnach, ach tha iad cuideachd a' bhòrd chill, 'se sin, tha na riaghailtean aca fhèin a' cur riaghailtean na blocaichean.

iomlan positioning

; Block Rule Dreuchd: iomlan; Bidh e suidhichte ann an àite air a chomharrachadh le co-chomharran aige an coimeas ri an loga bacaidh anns a bheil e suidhichte.

A feart na phàirt de CSS riaghailtean - "cleachdadh - an tomhais as fheàrr fìrinn" sa chuid as motha de chùisean, gu h-àraidh far a bheil tar-brabhsair co-chòrdalachd agus an cruth a tha air a dhèanamh le làimh, na b'fheàrr àrd-ìre sgrùdadh leabhrain airson fo-dhuilleagan stoidhle.

Cleachdadh chlàran tric a 'dol gu Cell th' claonadh duilgheadasan. A coltach gluasad ann an loga bacaidh a 'toirt buaidh air nach eil an-còmhnaidh agus nach eil airson a h-uile nithean. Le pròbhadh, faodaidh sibh a choileanadh miannaichte thoradh. Glè bheag ghnìomh: ciamar a thoirt air falbh iomall a 'mhullach, chan eil e daonnan CSS fuasgladh a Glè bheag slighe.

Ann an cuid de chùisean, nuair a tha e riatanach a bhith a 'sparradh duilleag eileamaidean ann an taobh a-staigh sam bith de na mòr-chòrdte an siostam riaghlaidh susbaint fheàrr, bu chòir dhut fhathast aire chan ann a mhàin gu deuchainneach chleachdadh, ach cuideachd a bhith a' faicinn eòlas na co-oibrichean.