Moqapi o motle oa mekhoa ea boipiletso ke karolo ea bohlokoa ea websaete e atlehang. CSS e fana ka taolo e kholo holim'a ponahalo ea mongolo maqepheng a maqephe maqepheng a maqephe ao u a hahileng. Sena se kenyeletsa bokhoni ba ho fetola 'mala oa liforomo tseo u li sebelisang.
Mebala ea melaetsa e ka fetoloa ho sebelisoa lekhako la mokhoa oa ka ntle , letlapa la ka hare , kapa le ka fetoloa ho sebelisa setšoantšo se ka hare ho lenane la HTML. Mekhoa e metle e laela hore u sebelise letlapa la ka ntle la mekhoa ea hau ea CSS. Letlapa la ka hare, e leng mekhoa e ngotsoeng ka ho toba "hloohong" ea tokomane ea hau, hangata e sebelisoa feela bakeng sa libaka tse nyenyane, tse maqephe a le leng. Mekhoa e tobileng e lokela ho qojoa kaha e tšoana le li-tag tsa khale "tsa fonte" tseo re li sebelisitseng lilemong tse ngata tse fetileng. Mekhoa ena e tobileng e etsa hore ho be thata haholo ho laola mokhoa oa mokhoa oa matsoho kaha u tla hloka ho li fetola ka nako e 'ngoe le e' ngoe ea mokhoa o ka hare.
Sehloohong sena, u tla ithuta ho fetola mobala oa fonte ho sebelisa letlapa la kantle le mokhoa oa ho sebelisa serapeng sa serapa. O ka sebelisa setša sa mofuta o tšoanang ho fetola mobala oa melaetsa ho lebo leha e le efe e potolohileng mongolo, ho kenyeletsa le
tag.Ho eketsa Lifeshene ho Fetola Mobala oa Font
Bakeng sa mohlala ona, o tla hloka ho ba le tokomane ea HTML ea marang-rang ea hau le leqephe le fapaneng la CSS le khomaretsoeng tokomaneng eo. Tokomane ea HTML e ka 'na ea etsa likarolo tse ngata ho eona. Eo re nahanang ka eona ka morero oa sehlooho sena ke serapa sa phapanyo.
Mokhoa oa ho fetola mobala oa mongolo oa litlhaku ka har'a melaetsa ea serapa ho sebelisa letlapa la hau le ka ntle.
Melao ea mebala e ka hlalosoa e le lihlooho tsa mmala, linomoro tsa mebala ea RGB, kapa linomoro tsa mmala tsa hexadecimal.
- Kenya tšobotsi ea mokhoa oa mokhoa oa lebokose la serapa:
- p {}
- Beha mobala oa thepa ka mokhoa. Beha kolone ka mor'a mohaho oo:
- p {mmala}}
- Ebe u eketsa boleng ba 'mala oa hau ka mor'a thepa. Etsa bonnete ba hore o felisa bohlokoa boo ka bo-colon:
- p {mmala: batsho;}
Lirapa tse leqepheng la hau li tla ba tse ntšo.
Mohlala ona o sebelisa lentsoe la motsoako oa "mebala". Eo ke tsela e le 'ngoe ea ho kenya mmala CSS, empa e fokotsa haholo. Ho sebelisa mantsoe a mantlha bakeng sa "batsho" le "makhooa" ho totobetse ho tloha ha mebala e 'meli e totobetse, empa ho etsahala'ng ha u sebelisa mantsoe a sehlooho a kang "khubelu", "blue" kapa "tala"? Hantle-ntle ke moriti ofe o mofubelu, o moputsoa, kapa o motala o tla o fumana? U ke ke ua bolela hantle hore na ke moriti ofe oa mariti oo u o batlang ka mantsoe a sehlooho. Ke kahoo melao ea hexadecimal e atisang ho sebelisoa sebakeng sa mantsoe a khethollang mmala.
p {mmala: # 000000; }}
Mokhoa ona oa CSS o ne o tla boela o behe 'mala oa lirapa tsa hau ho batsho, hobane code ea hex ea # 000000 e fetolela ho batsho. U ka ba ua sebelisa shorthand ka phaello eo ea hex 'me ua e ngola e le # 000 feela' me u tla fumana ntho e tšoanang.
Joalokaha re se re boletse, litekanyetso tsa hex li sebetsa hantle ha u hloka 'mala o seng o motšo kapa o mosoeu feela. Mohlala ke ona:
p {mmala: # 2f5687; }}
Tlhaloso ena ea hex e ne e tla beha lirapa ho 'mala o moputsoa, empa ho fapana le lentsoe la sehlooho "blue", khoutu ena ea hex eu fa bokhoni ba ho beha moriti o tobileng haholo - mohlomong oo moqapi a o khethileng ha a ntse a bōpa sebopeho sa sebaka sena sa marang-rang. Tabeng ena, 'mala o ne o tla ba bohareng ba li-range, letlapa le kang le letlapa.
Qetellong, o ka sebelisa mahlakoreng a RGBA bakeng sa mebala ea melaetsa hape. Hona joale RGCA e tšehetsoa lipapaling tsohle tsa morao-rao, e le hore u ka sebelisa litekanyetso tsena u sa tšoenyehe hakaalo hore li ke ke tsa tšehetsoa ho websaete ea hau ea marang-rang, empa u ka boela ua beha bonolo.
p {mmala: rgba (47,86,135,1); }}
Morero ona oa RGBA o tšoana le letlapa la buluu le boletsoeng pejana. Litekanyetso tsa pele tse tharo li behile litekanyetso tse khubelu, tsa Green, le tsa Blue 'me palo ea ho qetela ke boemo ba alpha. E behiloe ho "1", e bolelang "100%", kahoo mmala ona o ke ke oa hlaka. Haeba u beha joalo ho nomoro ea marang-rang, joaloka .85, e ka fetolela ho 85% opacity 'me' mala e tla ba o hlakileng.
Haeba o batla ho thibela mabala a marang-rang, o tla etsa sena:
p {
'mala: # 2f5687;
'mala: rgba (47,86,135,1);
}}
Syntax ena e beha setšoantšo sa hex pele. E ntan'o hatisa bohlokoa boo ka nomoro ea RGBA. Sena se bolela hore sebapali leha e le sefe sa khale se sa tšehe RGBA se tla fumana letlotlo la pele ebe se hlokomoloha sa bobeli. Li-browser tsa morao-rao li ne li tla sebelisa bobeli ka nako ea CSS.