Momwe CSS Cholowa imagwirira ntchito pa Docs Web

Mbali yofunikira ya zojambula pa webusaitiyi ndi CSS ndikumvetsa lingaliro la cholowa.

CSS cholowa chimatanthauzidwa ndi kalembedwe ka malo ogwiritsiridwa ntchito. Mukayang'ana mmwamba mawonekedwe a malo omwe mumakhala nawo, mudzawona gawo lotchedwa "Cholowa". Ngati muli ngati opanga ma webusaiti ambiri, mwanyalanyaza gawolo, koma limagwira ntchito.

Kodi CSS Ndi Chuma Chiti?

Chilichonse mu ndondomeko ya HTML ndi gawo la mtengo ndi zinthu zonse kupatula chiyambi choyamba chiri ndi gawo la makolo lomwe limalowa. Zonse zojambulazo zimagwiritsidwa ntchito ku gawo la kholo zingagwiritsidwe ntchito ku zinthu zomwe zili mkati mwake ngati katundu ndi omwe angalandire.

Mwachitsanzo, code HTML ili pansiyi ili ndi H1 tag yomwe imatseketsa im e EM:

Mutu wa Big

Makhalidwe a EM ndi mwana wa chigawo cha H1, ndipo mitundu yonse ya ma H1 omwe adzalandidwa idzaperekedwera ku malemba a EM. Mwachitsanzo:

h1 {font-size: 2em; }}

Popeza kuti katundu wazithunzi amachotsedwa, mawu omwe amati "Big" (omwe ali mkati mwa malemba a EM) adzakhala ofanana ndi H1 ena onse. Izi ndizoti zimachokera ku mtengo womwe uli mu CSS.

Mmene Mungagwiritsire Ntchito CSS Cholowa

Njira yosavuta yoigwiritsira ntchito ndiyo kudziwika ndi katundu wa CSS omwe ndi omwe sali nawo. Ngati malowa adzalandidwa, ndiye mukudziwa kuti phindu lidzakhala lofanana ndi gawo lililonse la mwanayo.

Njira yabwino kwambiri yogwiritsira ntchito izi ndi kukhazikitsa mafayilo anu apamwamba pa chinthu chapamwamba kwambiri, monga BODY. Ngati mutayika maonekedwe anu -banja lanu pa thupi, ndiye, chifukwa cha cholowa, chikalata chonsecho chidzasunga zomwezo-banja. Izi zidzakonzera mafilimu ang'onoang'ono omwe ndi osavuta kuwongolera chifukwa pali zochepa zojambula. Mwachitsanzo:

thupi {font-family: Arial, sans-serif; }}

Gwiritsani ntchito Intaneti Yakufunika Kwambiri

CSS iliyonse imaphatikizapo phindu "kulandira" ngati njira yothetsera. Izi zikuwuza osatsegula pa Webusaiti, kuti ngakhale ngati katunduyo sungalandire, ayenera kukhala ofanana ndi kholo. Ngati mumayika kalembedwe monga malire omwe simulandirepo, mungagwiritse ntchito phindu lanu pa katundu wotsatira kuti muwapatse mlingo womwewo monga kholo. Mwachitsanzo:

thupi {margin: 1em; } p {margin: kulandira; }}

Cholowa Chogwiritsa Ntchito Makhalidwe Othandizira

Izi ndi zofunika kwa miyendo yobadwa monga maofesi apamwamba omwe amagwiritsa ntchito kutalika. Mtengo wowerengera ndi mtengo womwe uli wofanana ndi mtengo wina pa tsamba la Webusaiti.

Ngati muyika kukula kwazithunzi za 1em pa chinthu chanu cha BODY, tsamba lanu lonse silidzangokhala lopanda kukula. Ichi ndi chifukwa chakuti zinthu monga mitu (H1-H6) ndi zinthu zina (osakatula ena amalemba tebulo mosiyana) ali ndi usinkhu wofanana mu webusaitiyi. Popanda kuzindikiritsa maonekedwe ena, Webusaitiyi idzapanga H1 mutu waukulu kwambiri pa tsamba, ndipo idzatsatiridwa ndi H2 ndi zina zotero. Mukayika chinthu chanu cha BOD ku kukula kwa ma fontti, ndiye kuti amagwiritsidwa ntchito ngati "msinkhu" kukula kwa mazenera, ndipo mutu wa zinthu ndi wowerengedwera kuchokera pamenepo.

Chidziwitso Chokhudza Cholowa ndi Zomwe Zili M'kati

Pali miyeso yambiri yomwe yalembedwa siinatengere CSS 2 pa W3C, koma mawebusaiti a Webusaiti adzalandira malonda. Mwachitsanzo, ngati mwalemba HTML ndi CSS zotsatirazi:

h1 {kumbuyo: mtundu; }

Ndilo mutu wa Big

Mawu akuti "Big" akadali ndi chikasu, ngakhale kuti malo osungirako zinthu sakuyenera kulandira. Izi ndizo chifukwa mtengo wamtengo wapatali wa katundu wam'mbuyo ndi "wowonekera". Kotero simukuwona mtundu wa chiwonetsero pa koma kuti mtundu ukuwalira kuchokera

kholo.