Ezi ederede ederede bụ akụkụ dị mkpa nke ebe nrụọrụ weebụ na-aga nke ọma. CSS na- enye gị nnukwu njikwa maka ọdịdị nke ederede na ibe weebụ ibe weebụ ị na-ewu. Nke a gụnyere ike ịgbanwe agba nke ụdị fon ọ bụla ị na-eji.
A pụrụ ịgbanwe agba mpempe akwụkwọ site na mpempe akwụkwọ mpempe akwụkwọ , akwụkwọ mpempe akwụkwọ , ma ọ bụ enwere ike gbanwee site na iji ntinye ederede n'ime akwụkwọ HTML. Omume kachasị mma na-ekpebi na ị ga-eji akwụkwọ mpempe akwụkwọ mpempe akwụkwọ maka ụdị CSS gị. A na-edekarị akwụkwọ mpempe akwụkwọ, nke a na-ede ede na "isi" nke akwụkwọ gị, na-ejikarị eme ihe maka obere saịtị. A ghaghị izere ụdị edemede a ebe ọ bụ na ha na-ezo aka na mkpado "font" ochie ahụ anyị chebara ọtụtụ afọ gara aga. Ụdị ọnụ ọgụgụ ndị a na-eme ka ọ sie ike ịhazi njikwa ụdị ebe ọ bụ na ị ga-achọ ịgbanwe ha n'oge ọ bụla nke ụdị inline.
N'isiokwu a, ị ga-amụta otú ị ga-esi gbanwee agba agba na-eji mpempe akwụkwọ mpempe akwụkwọ na ụdị e ji mee ihe na paragraf tag. Ịnwere ike idebe otu ụdị ihe ahụ iji gbanwee agba agba na mkpado ọ bụla na-ede ederede, gụnyere
tag.Na-agbakwụnye Uche iji gbanwee agba ntụ
Maka ihe atụ a, ị ga-achọ ịnweta akwụkwọ HTML maka ntinye akwụkwọ gị na faịlụ CSS dị iche nke na-etinye na akwụkwọ ahụ. Ihe odide HTML nwere ike ime ka ọtụtụ ihe dị na ya. Onye anyị na-eche banyere nzube nke isiokwu a bụ paragraf ihe.
Nke a bụ otu esi agbanwe agba agba nke ederede na mkpado paragraf na-eji akwụkwọ mpempe akwụkwọ gị.
A pụrụ igosipụta ụkpụrụ agba dị ka mkpụrụokwu agba, nọmba RGB agba, ma ọ bụ nọmba ọnụọgụ hexadecimal.
- Tinye ụdị àgwà maka paragraf tag:
- p {}
- Debe ihe na- acha odo odo n'uzo. Debe otu colon mgbe ihe onwunwe ahụ gasịrị:
- p {agba:}
- Ekem tinye ụda uru gị mgbe ihe onwunwe ahụ gasịrị. Jide n'aka na ịkwụsị uru ahụ na ọkara akara:
- p {agba: nwa;}
Paragraf ndị dị na peeji gị ga-abụ nwa.
Ihe atụ a na - eji okwu agba - "nwa". Nke ahụ bụ otu ụzọ iji gbakwunye agba na CSS, ma ọ bụ nnọọ njedebe. Iji mkpụrụ okwu maka "nwa" na "ọcha" dị mfe ebe ọ bụ na agba abụọ ahụ dị ezigbo mkpa, ma gịnị mere ma ọ bụrụ na ị na-eji okwu okwu dịka "acha ọbara ọbara", "acha anụnụ anụnụ", ma ọ bụ "akwụkwọ ndụ akwụkwọ ndụ"? Kedu ihe ndo nke uhie, acha anụnụ anụnụ, ma ọ bụ akwụkwọ ndụ akwụkwọ ndụ ị ga-enweta? Ị pụghị ịkọwa kpọmkwem ụdị ndo nke ịchọrọ ịchọrọ. Nke a bụ ihe mere eji etinye hexadecimal ụkpụrụ na agba agba.
p {agba: # 000000; }
Nka CSS a ga - edozi agba nke paragraf gị na oji, n'ihi na koodu hex nke # 000000 sụgharịrị nwa. I nwedịrị ike iji yax uru ma dee ya dị ka # 000 ma ị ga-enweta otu ihe ahụ.
Dị ka anyị kwuworo, hex na-arụ ọrụ nke ọma mgbe ịchọrọ agba nke na-abụghị naanị oji ma ọ bụ na-acha ọcha. Nke a bụ ihe atụ:
p {agba: # 2f5687; }
Nke a hex uru ga-edozi paragraf na-acha anụnụ anụnụ, ma n'adịghị ka okwu "acha anụnụ anụnụ", a hex koodu na-enye gị ike ịtọ a kpọmkwem iche iche nke na-acha anụnụ anụnụ - ikekwe nke onye mmepụta ahọrọ mgbe ha na-eke interface maka ebe nrụọrụ weebụ a. N'okwu a, ụcha ga-adị n'etiti etiti, ịgba chara acha-dịka anụnụ anụnụ.
N'ikpeazụ, ịnwere ike iji ụkpụrụ agba RGBA maka agba agba. Ugbu a, a na-akwado RGCA na ihe nchọgharị niile nke oge a, n'ihi ya ị nwere ike iji ụkpụrụ ndị a na-echegbu onwe ya na ọ gaghị akwado na ihe nchọgharị weebụ, mana ị nwekwara ike ịtọ ntọala dị mfe.
p {agba: rgba (47,86,135,1); }
Njirimara RGBA a bụ otu ihe ahụ dị ka agba anụnụ anụnụ nke e kwuru na mbụ. Ụkpụrụ atọ nke mbụ setịpụrụ ụkpụrụ Red, Green, na Blue na njedebe ikpeazụ bụ usoro alpha. E debere ya na "1", nke pụtara "100%", n'ihi ya, agba a agaghị enwe nghọta. Ọ bụrụ na ị debe ya na nọmba ọnụ ọgụgụ, dị ka .85, ọ ga-asụgharị na 85% opacity na agba ga-abụ obere uzo.
Ọ bụrụ na ịchọrọ igbochi ụkpụrụ agba gị, ị ga-eme nke a:
p {
agba: # 2f5687;
agba: rgba (47,86,135,1);
}
Nhazi a na-edezi koodu hex mbụ. Ọ na-edezi uru ahụ na nọmba RGBA ahụ. Nke a pụtara na ihe ọ bụla agadi nchọgharị nke na-akwadoghị RGBA ga-uru mbụ na-eleghara nke abụọ. Nchọgharị nke oge a ga-eji nke abụọ maka CSS.