Tha suidheachadh CSS nas motha na dìreach X, Y Co-òrdanaichean
Tha suidheachadh CSS air a bhith na phàirt chudromach bho bhith a 'cruthachadh dhealbhan-lìn. Fiù 's le bhith ag àrdachadh dhòighean-obrach CSS nas ùire leithid Flexbox agus CSS Grid, tha àite cudromach aig làrach fhathast ann am baga de chleasan dealbhaiche lìn.
Nuair a chleachdas tu suidheachadh CSS, is e seo a 'chiad rud a dh'fheumas tu a dhèanamh a' stèidheachadh seilbh CSS airson suidheachadh innse don bhrobhsair ma tha thu a 'dol a chleachdadh suidheachadh iomlan no càirdeil airson aon eileamaid. Feumaidh tu cuideachd tuigse soilleir a dhèanamh air an eadar-dhealachadh eadar an dà sheòrsa suidheachadh sin.
Ged is e fìor agus càirdeas an dà sheòrsa suidheachadh CSS a chleachdar ann an dealbhadh lìn as trice, tha ceathrar stàitean ann an suidheachadh an togalaich:
- stoidhle
- iomlan
- càirdeil
- stèidhichte
Is e static an suidheachadh bunaiteach airson eileamaid sam bith air duilleag-lìn. Mura h-eil thu a 'mìneachadh suidheachadh aonamaid, bidh e reusanta. Tha seo a 'ciallachadh gun nochd e air an sgrion stèidhichte air far a bheil e anns an sgrìobhainn HTML agus mar a bhiodh e a' nochdadh taobh a-staigh sruth àbhaisteach na sgrìobhainn sin.
Ma chuireas tu a-steach riaghailtean suidheachaidh mar a 'mhullach no clì gu eileamaid aig a bheil suidheachadh seasmhach, thèid na riaghailtean sin a thoirt seachad agus fanaidh an eileamaid far a bheil e a' nochdadh ann an sruth àbhaisteach na sgrìobhainn. Ann an fìrinn, is ann ainneamh a bhiodh tu, ma bha e a-riamh, feumar eilthireachd a shuidheachadh gu suidheachadh staitistigeach ann an CSS seach gur e sin an luach bunaiteach.
Suidheachadh CSS gu h-iomlan
Is e suidheachadh neo-fhoirmeil an suidheachadh CSS as fhasa a thuigsinn. Bidh thu a 'tòiseachadh leis an t-suidheachadh CSS seo:
suidheachadh: iomlan;Tha an luach seo ag innse don bhrobhsair gum bu chòir a h-uile càil a thèid a shuidheachadh a thoirt air falbh bho shruth àbhaisteach na sgrìobhainn agus an àite sin a chur ann an àite ceart air an duilleig. Tha seo air a thomhas a rèir an sinnsear as fhaisge air nach eil gu staitistigeil.
Seach gu bheil eileamaid shuidhichte gu tur air a thoirt a-mach à sruth àbhaisteach na sgrìobhainn, cha toir e buaidh air mar a tha na h-eileamaidean air a bheulaibh roimhe no às a dhèidh san HTML suidhichte air an duilleag-lìn.
Mar eisimpleir - ma bha roinn agad a bha stèidhichte le luach càirdeas (bidh sinn a 'coimhead ris an luach seo goirid), agus taobh a-staigh na roinne sin bha earrann agad a bha thu ag iarraidh a bhith a' suidheachadh 50 piogsail bho mhullach na roinne cur luach suidheachadh "iomlan" ris a 'pharagraf sin còmhla ri luach co-fhillte de 50px air an togalach "mullach", mar seo.
suidheachadh: iomlan; mullach: 50px;Bhiodh an eileamaid air a shuidheachadh gu tur an uairsin a 'taisbeanadh 50 pixel bho mhullach na roinne sin gu ìre iomchaidh - ge bith dè a bharrachd a tha a' taisbeanadh an sin ann an sruth àbhaisteach. Bha an eileamaid shuidhichte "gu tur" agad a 'cleachdadh an aon ìre iomchaidh mar a cho-theacsa agus tha an luach a tha thu a' cleachdadh co-cheangailte ris sin.
Is iad na ceithir togalaichean suidheachaidh a tha agad ri chleachdadh:
- mullach
- deas
- aig a 'bhonn
- clì
Faodaidh tu a bhith a 'cleachdadh mullach no bonn (oir chan urrainnear eileamaid a shuidheachadh a rèir an dà chuid de na luachan sin) agus an dara cuid gu deas no air an làimh chlì.
Ma tha eileamaid air a shuidheachadh gu suidheachadh iomlan, ach an sin chan eil sinnsearan gun shuidheachadh ann an suidheachadh neo-sheasmhach, bidh e suidhichte co-cheangailte ri eileamaid na cuirp, is e sin an eileamaid ìre as àirde den duilleig.
Suidheachadh Coibhneil
Tha sinn mar-thà air iomradh a thoirt air suidheachadh càirdeil, mar sin leamaid sùil air an togalach sin a-nis.
Bidh suidheachadh co-sheòrsach a 'cleachdadh na h-aon togalaichean suidheachaidh mar shuidheachadh iomlan, ach an àite suidheachadh an eileamaid a shuidheachadh air an sinnsear as fhaisge air nach eil ann an stait, tha e a' tòiseachadh bho far an robh an eileamaid ma bha e fhathast san t-sruth àbhaisteach.
Mar eisimpleir, ma tha trì paragrafan air do dhuilleag-lìn, agus gu bheil stoidhle "suidheachadh: càirdeach" air an cur air, thèid an suidheachadh a rèiteachadh stèidhichte air an làrach làithreach.
Paragraf 1.
Paragraf 2.
Paragraf 3.
Anns an eisimpleir gu h-àrd, bidh an treas paragraf suidhichte 2em bho thaobh clì an eileamaid a 'ghobhair, ach bidh e fhathast fon chiad dà pharagraf. Bhiodh e a 'fuireach ann an sruth àbhaisteach na sgrìobhainn, agus dìreach a bhith air a cho-chothromachadh beagan. Ma dh'atharraich thu e gu suidheachadh: làn; bhiodh rud sam bith a 'leantainn air a thaisbeanadh air a bharr, oir cha bhiodh e tuilleadh ann an sruth àbhaisteach na sgrìobhainn.
Bidh na h-eileamaidean air duilleag-lìn glè thric air an cleachdadh airson luach suidheachadh a shuidheachadh: coimeasach le luach co-fhillte stèidhichte, a tha a 'ciallachadh gu bheil an eileamaid sin a' fuireach dìreach far an nochd e ann an sruth àbhaisteach. Tha seo air a dhèanamh a-mhàin gus an eileamaid sin a stèidheachadh mar cho-theacsa ris an urrainnear eileamaidean eile a shuidheachadh gu tur. Mar eisimpleir, ma tha sgaradh agad mun làrach-lìn gu lèir le luach clas "container" (a tha na shuidheachadh glè chumanta ann an dealbhadh lìn), faodar an roinn sin a shuidheachadh gu suidheachadh co-cheangailte gus am faod rud sam bith a-staigh dheth a chleachdadh mar cho-theacsa suidheachadh.
Dè mu dheidhinn suidheachadh stèidhichte?
Tha suidheachadh socraichte gu math coltach ri suidheachadh iomlan. Tha suidheachadh an eileamaid air a thomhas san aon dòigh ris a 'mhodail iomlan, ach thèid na h-eileamaidean stèidhichte an uairsin a shuidheachadh san àite sin - cha mhòr coltach ri comharran - uisge . An uairsin thèid a h-uile càil eile air an duilleag a sgrios seachad air an eileamaid sin.
Gus an luach seilbh seo a chleachdadh, shuidhicheadh tu:
suidheachadh: stèidhichte;Cumaibh cuimhne, nuair a chuireas tu eileamaid air dòigh air do làrach, clòidh e san àite sin nuair a thèid duilleag na lìn agad a chlò-bhualadh. Mar eisimpleir, ma tha an eileamaid agad stèidhichte aig mullach do dhuilleag, nochdaidh e aig mullach gach duilleig clò-bhuailte - oir tha e air a shuidheachadh gu mullach na duilleige. Faodaidh tu seòrsachan meadhanan a chleachdadh gus atharrachadh mar a tha na duilleagan clò-bhuailte a ' taisbeanadh eileamaidean stèidhichte:
@media screen {h1 # first {position: fixed; }} @media print {h1 # first {position: static; }}Artaigil tùsail le Jennifer Krynin. Air a dheasachadh le Jeremy Girard air 1/7/16.