Ụdị Style na CSS

Mụta iji mee ka ihuenyo nke weebụsaịtị gị dị mma

Ịmụta otú e si eji ụdị CSS na-eme ihe bụ ụzọ dị mma isi mee ka nlele weebụ gị dịkwuo mma. Ụdị HTML dị ka ọ bụ n'etiti ihe ndị kachasị njọ na ọtụtụ ibe weebụ. Ha na-abụkarị ndị na-agwụ ike ma na-eme ihe ike ma ghara inye ọtụtụ ụzọ n'ụzọ.

Na CSS, nke nwere ike ịgbanwe. Ijikọta CSS site na mkpado ụdị elu nwere ike ịnye ụfọdụ ụdị mma.

Gbanwee agba

Dị nnọọ ka ederede, ị nwere ike ịgbanwe ihu ala na agba gburugburu nke ụdị ihe.

Ụzọ dị mfe isi gbanwee agba agba nke fọrọ nke nta ka ọ bụrụ ụdị ọ bụla bụ iji ihe ndabere na-acha agba na mkpado ntinye. Dịka ọmụmaatụ, koodu a metụtara agba agba anụnụ anụnụ (# 9cf) na ihe niile.

ndenye {
ndabere-agba: # 9cf;
agba: # 000;
}

Iji gbanwee agba agba nke naanị ụdị ụdị, dịka ịgbakwunye textarea ma họrọ ụdị. Ọmụmaatụ:

ntinye, textarea, họrọ {
ndabere-agba: # 9cf;
agba: # 000;
}

Jide n'aka na ị gbanwee ederede ederede ma ọ bụrụ na ị mechie ụcha gbara ọchịchịrị gị. Ịkọ ọdịiche na agba na- eme ka ụdị ihe ndị ọzọ dịkwuo mfe. Dịka ọmụmaatụ, ederede na agba aja uhie na-acha uhie uhie dị mfe karị ma ọ bụrụ na agbarede ederede na-acha ọcha. Dịka ọmụmaatụ, koodu a na-ederede ederede ọcha na-acha uhie uhie.

ntinye, textarea, họrọ {
ndabere-agba: # c00;
agba: #fff;
}

I nwedịrị ike itinye akwa agba na ụdị mkpado n'onwe ya. Cheta na ụdị mkpado bụ ihe ngọngọ , ya mere, agba ahụ jupụtara n'ogologo, ọ bụghị naanị ọnọdụ nke ihe ndị ahụ.

Ịnwere ike itinye mgbakwunye edo edo na ihe mmechi iji mee ka mpaghara ahụ pụta, dị ka nke a:

ụdị {
ndabere-agba: #ffc;
}

Tinye Oghere

Dị ka agba, ịnwere ike ịgbanwe mpaghara ala dị iche iche. Ịnwere ike ịgbakwunye otu akara gburugburu mpaghara niile. Jide n'aka na ị ga-agbakwunye ihe mgbochi, ma ọ bụ mpempe akwụkwọ gị ga-eme ka ọ daa n'akụkụ nke ọzọ.

Nke a bụ ihe atụ nke koodu maka akara 1-pikselụ 1 pixel na 5 pixels nke padding:

ụdị {
ókè: 1px siri ike # 000;
mpe akwa: 5px;
}

Ị nwere ike itinye ala gburugburu karịa naanị ụdị onwe ya. Gbanwee ókè nke ihe ntinye iji mee ka ha pụta:

ndenye {
ókèala: 2px dashed # c00;
}

Kpachara anya mgbe ị na-etinye ala na igbe ntinye ka ha dị ntakịrị dị ka igbe ntinye mgbe ahụ, ụfọdụ ndị nwere ike ọ gaghị aghọta na ha nwere ike ịjupụta n'ụdị ahụ.

Jikọta Style atụmatụ

Site n'itinye ihe oyiyi gị na iche echiche na ụfọdụ CSS, ị nwere ike ịmepụta ọmarịcha ngosi nke mara mma nke na-emejupụta atumatu na nhazi nke saịtị gị.