Tha deagh dhealbh dealbhaidh na phàirt chudromach de làrach-lìn shoirbheachail. Tha CSS a ' toirt smachd mhath dhut air coltas teacsa air na duilleagan lìn na duilleagan lìn a thogas tu. Tha seo a 'toirt a-steach comas atharrachadh air dath dathan sam bith a chleachdas tu.
Faodar dathan an fhuaim atharrachadh le bhith a 'cleachdadh duilleag stoidhle a-muigh , duilleag stoidhle air an taobh a - staigh , no faodar atharrachadh le bhith a' cleachdadh stoidhle in-loidhne taobh a-staigh an sgrìobhainn HTML. Tha na cleachdaidhean as fheàrr ag ràdh gum bu chòir dhut duilleag stoidhle a-muigh a chleachdadh airson stoidhlean CSS. San fharsaingeachd chan eil duilleag stoidhle a-staigh, a tha air an sgrìobhadh gu dìreach ann an "ceann" den sgrìobhainn agad, air a chleachdadh ach airson làraich beaga aon-dhuilleag. Bu chòir stoidhlichean in-loidhne a sheachnadh seach gu bheil iad coltach ris na seann tagaichean "cruth" a dhèilig sinn o chionn iomadh bliadhna. Tha na stoidhlichean inline sin ga dhèanamh glè dhuilich stoidhle clò-bhualadh a stiùireadh oir dh'fheumadh tu an atharrachadh aig gach suidheachadh den stoidhle in-loidhne.
San artaigil seo, ionnsaichidh tu mar a dh'atharraicheas tu an dath cruth-clò le duilleag stoidhle a-muigh agus stoidhle a tha air a chleachdadh ann an tag paragraf. Faodaidh tu an aon seòrsa stoidhle a chur a-steach gus an dath cruth-atharrachaidh atharrachadh air tag sam bith a tha a 'cuairteachadh teacsa, a' gabhail a-steach tag
.A 'cur Stuthan a-steach gu Coltas Font Atharrachaidh
Airson an eisimpleir seo, dh'fheumadh tu sgrìobhainn HTML a bhith agad airson do chomharra duilleag agus faidhle CSS air leth a tha ceangailte ris an sgrìobhainn sin. Dhèanadh an sgrìobhainn HTML grunn eileamaidean ann. Is e an aon rud a tha sinn a 'dèanamh dragh airson adhbhar an artaigil seo an eileamaid paragraf.
Seo mar a dh'atharraicheas tu dath cruth an teacsa taobh a-staigh pàipearan paragraf a 'cleachdadh an duilleag stoidhle a-muigh agad.
Faodar luachan dathan a chur an cèill mar prìomh fhaclan dath, àireamhan dath RGB, no àireamhan dath a th 'ann.
- Cuir ris a 'ghnè stoidhle airson tag tag:
- p {}
- Cuir an togalach dath san stoidhle. Cuir dà-phuing an dèidh an togalaich sin:
- p {dath:}
- An uair sin cuir do luach dath ris an togalach. Dèan cinnteach gun cuir thu crìoch air a 'luach sin le dà-choloin:
- p {dath: dubh;}
Bidh na paragrafan air do dhuilleag a-nis dubh.
Tha an eisimpleir seo a 'cleachdadh prìomh fhacal dath - "dubh". Sin aon dòigh airson dath a chur ann an CSS, ach tha e gu math cuingealaichte. Tha cleachdadh faclan-luirg airson "dubh" agus "geal" sìmplidh oir tha an dà dath sin gu math sònraichte, ach dè a thachras ma chleachdas tu faclan-luirg mar "dearg", "gorm" no "uaine"? Gu dìreach dè an dath de dhearg, gorm, no uaine a gheibh thu? Chan urrainn dhut mìneachadh dìreach dè an dath dath a tha thu ag iarraidh le faclan-luirg. Is e seo as coireach gu bheil luachan sia-sheasmhach air an cleachdadh gu tric an àite prìomh fhaclan dath.
p {dath: # 000000; }
Bhiodh an stoidhle CSS seo cuideachd a 'suidheachadh dath nan paragrafan agad gu dubh, a chionn gu bheil còd hex # 000000 eadar-theangachadh gu dubh. Dh'fhaodadh tu eadhon goirid goirid a chleachdadh leis an luach hex sin agus sgrìobh e mar dìreach # 000 agus gheibheadh tu an aon rud.
Mar a dh'ainmich sinn mu thràth, tha luachan hex ag obair gu math nuair a dh 'fheumas tu dath nach eil dìreach dubh no geal. Seo eisimpleir:
p {dath: # 2f5687; }
Dhèanadh an luach hex seo na paragrafan gu dath gorm, ach a 'còrdadh ris a' phrìomh fhacal "gorm", tha an còd hex seo a 'toirt dhut comas sgoltadh fìor shònraichte de ghorm a shuidheachadh - is dòcha an tè a thaghas an dealbhaiche nuair a bha iad a' cruthachadh eadar-aghaidh airson an làrach-lìn seo. Anns a 'chùis seo, bhiodh an dath mar mheadhan-raon, gorm coltach ri sglèat.
Mu dheireadh, faodaidh tu luachan dath RGBA a chleachdadh airson dathan cruth-clò cuideachd. Tha RGCA a-nis a 'faighinn taic anns a h-uile brabhsaidh ùr-nodha, gus an urrainn dhut na luachan sin a chleachdadh le beagan dragh nach gabh taic ann am brabhsair lìn, ach faodaidh tu cuideachd tuiteam sìos gu furasta.
p {dath: rgba (47,86,135,1); }
Tha an luach RGBA seo an aon rud ris an dath gorm sglèat a chaidh a chomharrachadh roimhe. Tha a 'chiad 3 luachan a' suidheachadh luachan Dearg, Uaine agus Gorm agus is e an àireamh mu dheireadh an suidheachadh alpha. Tha e air a shuidheachadh gu "1", a tha a 'ciallachadh "100%", agus mar sin cha bhiodh follaiseachd sam bith aig an dath seo. Ma shuidhicheas tu gu àireamh deicheach, mar .85, dhèanadh e eadar-dhealachadh gu 85% agus bhiodh an dath beagan follaiseach.
Ma tha thu airson luachan dhathan a dhèanamh air do dath, nì thu seo:
p {
dath: # 2f5687;
dath: rgba (47,86,135,1);
}
Tha an co-chòrdadh seo a 'suidheachadh a' chòd hex an toiseach. Bidh e an uairsin a 'sgrìobhadh thairis air an luach sin leis an àireamh RGBA. Tha seo a 'ciallachadh gum faigh am brabhsair nas sine sam bith nach eil a' toirt taic do RGBA a 'chiad luach agus an dàrna tè a leigeil seachad. Bhiodh brabhsairean ùra a 'cleachdadh an dàrna taobh ri taobh casgade CSS.