Stoidhle Na Dealbhan agad agus Cleachd Dealbhan ann an Stoidhle
Bidh mòran dhaoine a 'cleachdadh CSS airson atharrachadh a dhèanamh air teacsa, ag atharrachadh a' chruth, an dath, an meud agus barrachd. Ach is e aon rud a tha mòran dhaoine a 'dìochuimhneachadh gu tric gu bheil thu comasach air CSS a chleachdadh le ìomhaighean cuideachd.
Ag atharrachadh an ìomhaigh fhèin
Tha CSS a 'leigeil leat atharrachadh mar a tha an dealbh a' taisbeanadh air an duilleig. Faodaidh seo a bhith fìor fheumail airson na duilleagan agad a chumail cunbhalach. Le bhith a 'suidheachadh stoidhlichean air gach ìomhaigh, cruthaichidh tu sealladh coitcheann airson na h-ìomhaighean agad. Cuid de na rudan as urrainn dhut a dhèanamh:
- Cuir crìochan no sgeul timcheall nan ìomhaighean
- Thoir às a 'chrìch dathte timcheall ìomhaighean ceangailte
- A 'luachadh leud agus / no àirde nan ìomhaighean
- Cuir sgoltag air falbh
- Rothar an ìomhaigh
- Atharraich na stoidhlichean nuair a thèid an ìomhaigh thairis air
Is e àite fìor mhath a th 'ann a bhith a' toirt an ìomhaigh agad gu crìch. Ach bu chòir dhut beachdachadh air barrachd na dìreach na crìochan - smaoinich mu iomall an ìomhaigh agad gu lèir agus atharraich na h-oirean agus an cleasadh cuideachd. Tha ìomhaigh le crìochan dubh tana a 'coimhead gu math, ach a' cur cuid de sgeadachadh eadar a 'chrìch agus faodaidh an ìomhaigh coimhead nas fheàrr.
img {
crìochan: 1px cruaidh dubh;
gleabadh: 5px;
}
Is e deagh bheachd a tha ann daonnan ceangal ìomhaighean neo-sgeadaichte a cheangal , nuair a ghabhas sin dèanamh. Ach cuin a nì thu, cuimhnich gu bheil a 'chuid as motha de na brabhsairean a' cur crìoch air dath air an ìomhaigh. Fiù ged a chleachdas tu an còd gu h-àrd gus crìochan atharrachadh, cuiridh an ceangal thairis air sin mura toir thu an crìochan air falbh air a 'cheangal cuideachd. Gus seo a dhèanamh bu chòir dhut riaghailt cloinne CSS a chleachdadh gus an crìochan mu ìomhaighean ceangailte a thoirt air falbh no atharrachadh:
img> a {
crìch: gin;
}
Faodaidh tu cuideachd CSS a chleachdadh gus àirde is leud do dhealbhan atharrachadh no a shuidheachadh. Ged nach e deagh bheachd a tha ann am brabhsair a chleachdadh gus meudachadh ìomhaighean a dhèanamh air sgàth luachan luchdachadh sìos, tha iad a 'fàs nas fheàrr air atharrachadh ìomhaighean gus am bi iad fhathast a' coimhead gu math. Agus le CSS faodaidh tu na h-ìomhaighean agad a shuidheachadh gu gach ìre le leud no àirde àbhaisteach no eadhon gun cuir thu na tomhasan gu bhith co-cheangailte ris a 'ghobhar.
Cuimhnich, nuair a nì thu ath-mheudachadh ìomhaighean, airson na builean as fheàrr, cha bu chòir dhut aon dimension ath-mheudachadh - an àirde no an leud. Bidh seo fìor dhuilich gum bi an ìomhaigh a 'cumail a co-mheas taobh, agus mar sin chan eil e a' coimhead neònach. Suidhich an luach eile airson uidheamachadh no fàg a-mach e gus innse don bhrobhsair an co-mheasachd taobh a chumail cunbhalach.
img {
leud: 50%;
àirde: auto;
}
Tha CSS3 a 'tairgsinn fuasgladh don duilgheadas seo leis na togalaichean ùra a tha ag amas air a bhith a' freagairt agus a 'seasamh. Le na togalaichean sin, bidh e comasach dhut mìneachadh a dhèanamh air àirde agus leud an ìomhaigh agus mar a bu chòir an co-mheasachd taobh a làimhseachadh. Dh'fhaodadh seo a bhith a 'cruthachadh buaidh bogsaichean litrichean timcheall air do dhealbhan no a' bualadh gus am faighear an ìomhaigh airson a bhith a 'freagairt a rèir na meud a dhìth.
Ged nach eil na seilbhean suidheachadh CSS-object agus freagarrach-object a 'faighinn taic gu farsaing fhathast, tha seilbh CSS3 eile ann a tha a' faighinn deagh thaic anns a 'chuid as motha de bhrabhsairean ùra a dh'fhaodas tu a chleachdadh gus na h-ìomhaighean agad atharrachadh. Tha rudan coltach ri sgàilean lùbte, oiseanan cruinn, agus cruth-atharrachaidhean airson a bhith a 'gluasad, a' cromadh, no a 'gluasad do dhealbhan uile ag obair an-dràsta sa mhòr-chuid de bhrabhsairean ùra. Faodaidh tu an uairsin eadar-theangachadh CSS a chleachdadh gus na h-ìomhaighean a dhèanamh nuair a thèid an gluasad thairis, no cliogadh, no dìreach às dèidh greis.
A 'cleachdadh dhealbhan mar dhuilleagan
Tha CSS ga dhèanamh furasta dha cùl-taic fantainneach a chruthachadh le do dhealbhan.
Faodaidh tu cùl-fhiosrachadh a chur ris an duilleag gu lèir no dìreach gu eileamaid sònraichte. Tha e furasta dealbh-cùil a chruthachadh air an duilleig leis an togalach cùl-ìomhaigh:
body {
background-image: url (background.jpg);
}
Atharraich am buidheann a thaghadh gu eileamaid sònraichte air an duilleag gus an cùl-fhiosrachadh a chur air dìreach aon eileamaid.
Is e rud spòrsail eile a nì thu le ìomhaighean a chruthaicheas ìomhaigh cùl-raoin nach eil a 'gluasad leis a' chòrr den duilleag - coltach ri comharran-uisge. Tha thu dìreach a 'cleachdadh an stoidhle cùl-ceangail: stèidhichte; còmhla ris an ìomhaigh cùil agad. Am measg roghainnean eile airson do chùl-sgeul tha a bhith gan dèanamh leacan dìreach gu còmhnard no gu h-ìseal a 'cleachdadh an togalaich cùl-ath-bheothachaidh.
Sgrìobh cùl-aithris: ath-shealladh x; gus an ìomhaigh a chòmhdach gu fìrinneach agus cùl-sgeul: ath-aithris; gus a chòmhdach gu dìreach. Agus faodaidh tu an ìomhaigh cùl-ionad agad a shuidheachadh leis an t-suidheachadh cùl-ionad.
Agus tha CSS3 a 'cur barrachd stoidhlichean ri do chùl-raoin cuideachd. Faodaidh tu na dealbhan agad a shìneadh gus am bi iad a 'freagairt air meud sam bith no an ìomhaigh cùil a shuidheachadh gu sgèile le meud na h-uinneige . Faodaidh tu an suidheachadh atharrachadh agus an uairsin gearraich an ìomhaigh cùil. Ach is e aon de na rudan as fheàrr mu CSS3 gum faod thu a-nis iomadh ìomhaigh cùl-raoin a thionndadh gus buaidh eadhon nas cruaidhe a chruthachadh.
Tha HTML5 a 'cuideachadh ìomhaighean stoidhle
Bu chòir an eileamaid FIGURE ann an HTML5 a chur timcheall air ìomhaighean sam bith a dh'fhaodas a bhith nan aonar taobh a-staigh na sgrìobhainn. Is e aon dòigh air smaoineachadh mu dheidhinn ma dh'fhaodadh an dealbh nochdadh ann an eàrr-ràdh, bu chòir dha a bhith taobh a-staigh an eileamaid FIGURE. Faodaidh tu an uair sin an eileamaid sin agus an t-eileamaid FIGCAPTION a chleachdadh gus stoidhlichean a chur ris na h-ìomhaighean agad.