CSS: dealbhadh chlàran. Eisimpleirean de dhealbh

Is e gnìomh inntinneach is cudromach a tha ann an dèanamh chlàran le CSS a chleachdadh. Feumaidh dòigh-obrach a thaobh na cùise seo a bhith gu comasan, le eòlas air na cothroman air stoidhlichean. A bharrachd air sin, feumaidh tu mothachadh a bhith agad air bòidhchead, gus nach cuir thu eagal air luchd-tadhail le do chruthachalachd.

Ann am bùird faodaidh tu cha mhòr a h-uile càil atharrachadh. Tha dealbhadh àlainn clàran CSS a 'ciallachadh a bhith a' cleachdadh dealbhadh chrìochan, cùl-raon a 'bhùird, cùl-raon nan ceallan, am beàrn eatorra agus mòran eile. Beachdaich sinn air na nithean as bunaitiche.

Crìoch a 'chlàir

Tha stoidhle CSS an dealbhaidh daonnan a 'ciallachadh cluich le crìochan. Chan eil a h-uile clàr air a chrìochnachadh gu h-àbhaisteach. Is e sin, tha e 0 pixel. Ach faodar seo a shuidheachadh le bhith a 'cleachdadh togalach na crìche.

Faodaidh tu crìoch a chur air a 'chrìoch a-muigh airson a' bhùird gu lèir:

Clàr {crìochan: 3px cruaidh dubh; }

Taing don loidhne seo, bidh crìoch dubh air a h-uile clàr air an làrach far a bheil an stoidhle seo. Thoir fa-near nach eil a 'chrìoch ach aig na h-oirean, ach chan ann taobh a-staigh a' bhùird. Airson ceallan agus sreathan, tha am frèam air a shònrachadh gu eadar-dhealaichte.

Th, td {crìch: 3px solid dubh;}

Faodaidh tu tiubh agus dath sam bith a shònrachadh. Cumaibh fa-near nach bi crìochan dùbailte nuair a bhios ceallan a 'tarraing.

Tha am facal cruaidh a 'ciallachadh dealbhadh cruaidh. Faodaidh tu luachan eile a shònrachadh.

Gu tric, bidh an fhrèam làidir air a chleachdadh, oir tha e a 'coimhead nas tarraingiche agus chan eil ea' tarraing aire bho phrìomh shusbaint an làraich.

Faodar an togalach crìochan a chomharrachadh cuideachd anns na treòrachadh. Faodar a 'chrìoch a shuidheachadh a-mhàin airson a' mhullach, bonn, clì no taobh deas. Bho ann an cuid de shuidheachaidhean cha bhi an roghainn le frèam airson a 'bhùird gu lèir freagarrach an-dràsta.

Clàr {crìoch-mullach: 1px cruaidh dearg; }

Mar sin is urrainn dhut am frèam a shuidheachadh dìreach airson mullach a 'bhùird. San aon dòigh, airson pàrtaidhean sam bith eile, dìreach an àite sgrìobhadh àrd: ceart, clì no bonn.

Tiotal a 'chlàir

Faodar tiotal a 'bhùird a shònrachadh leis a' chlib . Anns a 'chileag seo, faodaidh tu tòrr sheallaidhean a sgrìobhadh a-steach do CSS airson a bhith a' gleusadh nas fheàrr. Ann an CSS, tha dealbhadh bhùird math oir faodaidh tu eileamaidean gluasad mar a tha thu ag iarraidh.

Tha an ceann-cinn seo air a thaisbeanadh san aon dòigh ris a bheil e ann an leabhraichean (mar eisimpleir "Clàr 1").

Faodaidh tu cuideachd suidheachadh an cinn-chinnidh seo a chomharrachadh leis an togalach taobh-sgrìobhaidh (mullach no bonn). Tha an co-thaobhadh clì no deas air a shònrachadh leis an t-seilbh a tha a 'ceangal teacsa.

Cùl-fhiosrachadh a 'chlàir

Faodaidh cùl a 'bhùird a bhith dath no pàtran sam bith. Tha an dath air a shuidheachadh leis an togalach dath-cùil. Tha ainmean nan seilbh gu tur a 'freagairt ris na tha air an cleachdadh ann an cainnt. Tha seo ga dhèanamh nas fhasa cuimhneachadh iomadh uair.

Faodar an dath a chomharrachadh an dà chuid le ainm agus le diofar chòdan. A bharrachd air sin, faodaidh tu na leanas a shònrachadh:

• Trioblaideach - follaiseachd an eileamaid.
• Inherit - tha an dath coltach ris an phàrantamaid.
• Is e toiseach an luach bunaiteach.

Faodar caochladh le follaiseachd a chleachdadh anns na cùisean sin nuair a bhios a h-uile clàr san teacsa san fhaidhle CSS air an dèanamh ann an aon dath, ach sa chùis seo chan eil feum air a leithid.

A thuilleadh air an sin, faodaidh an cùl-raon a bhith na dhealbh. Gus seo a dhèanamh, tha an stoidhle a 'òrdachadh na seilbhe cùl-ìomhaigh. Tha an ceum air a chomharrachadh mar seo:

Url ('URL')

Faodaidh an ceum chun an fhaidhle a bhith càirdeach no iomlan.

Faodar lìonadh nas iom-fhillte a dhèanamh le caisead:

• Grad-loidhne ();
• Grad-radial ();
• Ath-aithris-gradant-loidhne () agus ath-aithris-gradant radial () - ag ath-aithris a 'chaisead.

Ceallan clach

A bharrachd air a 'chùl-raon gu h-iomlan, faodaidh tu cùl-sgeadachadh eadar-dhealaichte a dhèanamh ann an colbhan no sreathan. Airson clàradh, thathas a 'cleachdadh an togalaich seo glè thric, bho tha sgaradh lèirsinneach loidhnichean ga dhèanamh nas fhasa fiosrachadh a leughadh.

A bharrachd air eadar-ghluasad, faodaidh tu àireamh de cholbh no sreath sònraichte a shònrachadh. Mar eisimpleir, mar seo:

• Tr: nth-child (even) {...} - comharraich an roghainn de na loidhnichean;
• Tr: nth-child (1) {...} - a 'sònrachadh seilbh sreang sònraichte;
• Td: nth-child (eadhon) {...} - comharradh air a 'mhac-mhara de cholbhan;
• Td: nth-child (1) {...} - a 'sònrachadh seilbh colbh sònraichte.

A bharrachd air an eadar-fhilleadh agus àireamhan, faodaidh tu a 'chiad (td: first-child) no an fheadhainn mu dheireadh (td: last-child) a shònrachadh.

Spàs eadar ceallan

Ann an CSS, tha dealbhadh chlàran a 'leigeil leat na beàrnan eadar ceallan a thoirt air falbh. Gu bunaiteach, tha iad. Mar eisimpleir, ma shuidhicheas tu frèam ann an clàr gun a bhith a 'suidheachadh an astar eadar crìochan, bidh sin mar thoradh air sin.

Aontaich, chan eil e a 'coimhead gu math laghail agus chan eil e freagarrach airson leughadh. Bidh luchd-cleachdaidh anns an t-sùil shùil air sgàth seo. Faodaidh tu na beàrnan sin a thoirt air falbh le bhith a 'sgrìobhadh na leanas ann an stoidhle a' bhùird:

Coltas a 'chrìch: tuiteam

Ach tha e cuideachd a 'tachairt gum feum an t-astar, air an làimh eile, a bhith air a mheudachadh. Agus faodar meud ùine a chomharrachadh eadar colbhan, agus eadar loidhnichean. Gus seo a dhèanamh, sònraich an luach a leanas (an àite tuiteam):

Coltas-crìche: air leth

Ach nochdaidh an gnìomh seo gum feum thu ceallan a sgaradh. Mar a sgaoilear iad, tha e air a chomharrachadh le seilbh a bharrachd:

Ceàrnaidh eadar na crìochan: 20px.

Ma tha thu airson astar eadar-dhealaichte eadar sreathan agus colbhan a shònrachadh, thèid dà luach a shònrachadh:

Ceàrnaidh eadar na crìochan: 10px20px.

Diofar ann am brabhsairean

Thoir an aire ann an CSS, is dòcha gum bi coltas nam bòrd a 'coimhead eadar-dhealaichte, a rèir an t-sealladair. Tha an suidheachadh gu math dona le tionndaidhean nas sine, nach eil ùr-ghnàthach ann an CSS a 'toirt taic.

Gu h-àrd tha eisimpleir de thiugh an fhrèam airson luachan didseatach.

Seo eisimpleir de thiugh an fhrèam airson choirean.

Tha stoidhlichean frèam glè eadar-dhealaichte cuideachd.

Mar sin, nuair a tha thu a 'leasachadh, cumaibh sùil air mar a tha thu a' dèanamh ann am brobhsairean eadar-dhealaichte.

Ann an CSS, thathar a 'moladh dealbhadh bùird a dhèanamh le bhith a' sgrùdadh an seòrsa brabhsair. B 'e an duilgheadas as motha le luchd-cleachdaidh le tionndaidhean nas sine de Internet Explorer.

Faodaidh luchd-leasachaidh fìor adhartach faidhlichean CSS gu tur eadar-dhealaichte a cheangal a rèir an t-sealladair. Agus bidh cuideigin a 'dèanamh sgrùdaidhean anns gach no cuid de stoidhle sònraichte (clas).

Bidh a 'mhòr-chuid de dhuilgheadasan ag èirigh le sgàilean.

CSS: dealbhadh bhùird, eisimpleirean

Faodaidh an dealbhadh a bhith glè eadar-mheasgte. Tha e uile an crochadh air an làrach san fharsaingeachd agus a dealbhadh. Bu chòir a h-uile càil a bhith air a chur còmhla agus chan eil e dathte. Cuideachd, tha àite mòr aig blas an leasaichear cuideachd. Tha faireachdainn bòidhchead eadar-dhealaichte don a h-uile duine.

Bheir sinn eisimpleirean de dhiofar chlàran. Tha an àireamh gu h-àrd a 'sealltainn cleachdadh an tilt agus an geama leis a' chùl agus dath crìochan.

Bidh ùidh aig mòran ann an eisimpleir de dheagh dhealbhadh gàidhealach nach toir sùilean do luchd-cleachdaidh. Tha an roghainn seo iomchaidh ann an suidheachadh sam bith cha mhòr.

Faodar oirean a dhèanamh cruinn. Tha e a 'coimhead gu math bòidheach.

Co-dhùnadh

Mar a chì thu, gus coltas bùird CSS a chruthachadh tha àireamh mhòr de dh'innealan ann. Tha àireamh mhòr de luachan aig gach paramadair cuideachd. Ma chleachdas tu seo uile aig an aon àm, faodaidh tu sàr-obair a chruthachadh. Gu h-àraid ma nì thu deònach atharrachadh dealbhadh airson a h-uile bhrobhsairean.

Am prìomh rud nuair a tha thu a 'dealbhadh - na cuir thairis air le buaidh. Feumaidh a h-uile dad a bhith air a dhèanamh ann am measadh. Aig a 'chiad dol a-mach, is toil le dealbhadairean cruth a bhith a' feuchainn agus a 'cleachdadh an cuid eòlais aca aig an aon àm Mar thoradh air an sin, is e na bùird na togalaichean as àirde. Feuch ris na mearachdan sin a sheachnadh.

A bharrachd air sin, faodaidh cuid de na crìochan a bhith a 'cur bacadh air a chèile. Mar eisimpleir, chan eil feum a bhith a 'sònrachadh a' chùl dath a 'bhùird, fhad' sa ma tha e fhathast a 'chùl a chaidh a chur an ìomhaigh, a bhios a' tar-lùbadh a shònrachadh dath.