Achọpụta ụdị ihuenyo na nhazi ihuenyo nke CSS ma ọ bụ Cashboard Style. Ndị a bụ akwụkwọ na-emetụta ihe ntinye aha HTML, na-enye ihe nchọgharị weebụ na ntụziaka banyere otu esi egosipụta ibe ndị sitere na nchịkọta. CSS na-ejikwa ihuenyo nke akwụkwọ, yana agba, ihe ndabere, edemede na ọtụtụ ihe ndị ọzọ.
Ọ bụrụ na ị lelee faịlụ CSS, ị ga-ahụ na dịka akara ọ bụla ma ọ bụ ederede akara, faịlụ ndị a nwere otu kọntaktị kpọmkwem na ha. Ejiri ihe odide nke ọ bụla nwere iwu CSS. Iwu ndị a, mgbe e weghaara ha, bụ ụdị ejiji ahụ.
Akụkụ nke Usoro CSS
Achịchị CSS nwere akụkụ abụọ dị iche - onye nhọpụta na nkwupụta ahụ. Onye nhọta ah na-ekpebi ihe a na-ahazi na ibe ma nkwuputa bu otu esi ede ya. Ọmụmaatụ:
p {
agba: # 000;
}
Nke a bụ iwu CSS. Akụkụ nhọrọ ahụ bụ "p", nke bụ onye mmepụta ihe maka "paragraf". Ya mere, ọ ga - ahọrọ paragraf nile dị na saịtị ma nye ha ụdị a (ọ gwụla ma enwere paragraf ndị na-elekwasị anya n'ụdị ụfọdụ ndị ọzọ na akwụkwọ CSS gị).
Ngalaba nke iwu nke na-ekwu "agba: # 000;" bụ ihe a maara dị ka nkwupụta ahụ. Nkwupụta a bụ akụkụ abụọ - ihe onwunwe na uru ahụ.
Ihe onwunwe bụ "agba" nke nkwupụta a. Ọ na-ekpebi akụkụ nke onye nhọtara a ga-agbanwe ihu ya.
Uru bụ ihe a ga-agbanwe na CSS nke a họọrọ. N'ihe atụ anyị, anyị na-eji uru hex nke # 000, nke bụ CSS dị mkpụmkpụ maka "nwa".
Ya mere n'iji usoro CSS a eme ihe, ibe anyị ga-enwe paragraf gosipụtara na agba-acha oji.
Ihe Ntuba CSS
Mgbe ị na-ede CSS aha, ịnweghị ike ịme ka ha dị elu dịka i chere na ọ dị mma. Maka oge, "agba" bụ ihe CSS n'ezie, ya mere i nwere ike iji ya. Ihe a bụ ihe na-ekpebi ederede ederede nke mmewere. Ọ bụrụ na ị gbalịrị iji "ederede-agba" ma ọ bụ "font-color" dị ka CSS njirimara, ndị a ga-ada n'ihi na ha abụghị akụkụ ụfọdụ nke asụsụ CSS.
Ihe omuma atu bu uzo "ihe omuma". Njirimara a na-etinye ihe oyiyi nke a pụrụ iji maka ndabere, dị ka nke a:
.logo {
ndabere-oyiyi: url (/images/company-logo.png);
}
Ọ bụrụ na ị gbalịrị iji "nzụlite-eserese" ma ọ bụ "ihe osise" dịka ihe onwunwe, ha ga-ada n'ihi na, ọzọ, ndị a abụghị n'ezie CSS.
Ụfọdụ CSS Njirimara
E nwere ọnụọgụ CSS nke ị nwere ike iji rụọ otu saịtị. Ihe atụ ụfọdụ bụ:
- Ógbè (gụnyere mpaghara ókè-ala, ụcha ókè-ala, na obosara ókè)
- Na-akwa akwa (gụnyere mpe akwa-elu, mgbochi-nri, padding-bottom, na padding-aka ekpe)
- Onu ogugu (tinyere oke-elu, oke-aka nri, oke-ala, na akuku-aka ekpe)
- Font-ezinụlọ
- Font-size
- Obere-agba
- Obu
- Elu
Ihe CSS ndị a bụ ndị dị mma iji mee ihe atụ, n'ihi na ha niile dị nnọọ mfe, ma ọ bụrụ na ị maghị CSS, ị nwere ike ịkọwa ihe ha mere dabere n'aha ha.
E nwere ihe CSS ndị ọzọ ị ga - ezute nakwa nke nwere ike ọ gaghị abụ ihe doro anya otú ha si arụ ọrụ dabere n'aha ha:
- Ọfụma
- Kọwaa
- Ojuju
- Nkọwa-mgbanwe
- Z-index
Ka ị na-abanye n'ime imewe weebụ, ị ga-ezute (ma jiri) ihe ndị a niile na ndị ọzọ!
Njirimara Achọrọ Mkpụrụ
Oge ọ bụla ị na-eji ihe onwunwe, ị ghaghị inye ya uru - na ụfọdụ njirimara nwere ike ịnakwere ụfọdụ ụkpụrụ.
N'ihe atụ mbụ nke "akụ" ahụ, anyị kwesịrị iji uru agba. Nke a nwere ike ịbụ uru hex , uru RGBA, ma ọ bụ ọbụna agba agba . Nke ọ bụla n'ime ụkpụrụ ndị ahụ ga-arụ ọrụ, ọ bụrụ na ị jiri okwu ahụ bụ "dị jụụ" na ihe onwunwe a, ọ gaghị eme ihe ọ bụla n'ihi na, dị ka nkọwa dịka okwu ahụ nwere ike ịbụ, ọ bụghị uru a mara na CSS.
Ihe atụ nke abụọ nke "nzụlite" na-achọ ka a jiri ụzọ oyiyi mee ihe iji zipu ihe oyiyi na faịlụ gị. Nke a bụ uru / syntax nke achọrọ.
Ihe CSS niile nwere ụkpụrụ ha na-atụ anya ya. Ọmụmaatụ:
- Ụda-agba na-atụ anya uru bara uru
- Ókè-ala na-atụ anya ka uru dị ukwuu, dị ka pixels ma ọ bụ percentages
- Ụdị ọdịda na-atụ anya otu n'ime ụdị ejiji maka mpaghara a, dị ka "siri ike"
Ọ bụrụ na ị gafere ndepụta nke CSS, ị ga-achọpụta na onye obula n'ime ha nwere ụkpụrụ a kapịrị ọnụ ha ga-eji mepụta ụdị e bu n'obi ha.
Edited by Jeremy Girard