Nzira Yokushandura Website Yemavara Inowanikwa neCSS

Zvakanaka typographic kugadzirisa chikamu chinokosha chewebsite yakabudirira. CSS inokupa simba guru pamusoro pekuonekwa kwemashoko pamapeji ewebhu pamapeji ewebhu amunovaka. Izvi zvinosanganisira kukwanisa kuchinja ruvara rwemhando ipi zvayo yaunoshandisa.

Mifananidzo yakashandurwa inogona kushandiswa kuburikidza nekunze kwemavara pepaiti , mukati mekuita pepa , kana kuti inogona kushandiswa uchishandura zvakananga mukati mehurukuro ye HTML. Nzira dzakanakisisa dzinoita kuti iwe uwane shanduro yekunze yepeji yako yeCSS. Iko mukati mepepeti, iyo michina yakanyorwa zvakananga mu "musoro" webhuku rako, inowanzoshandiswa pane zviduku, peji peji. Inline michina inofanira kudziviswa sezvo yakafanana neyekare "font" tags yatakaita nemakore mazhinji apfuura. Izvo zvidimbu zvakakomberedzwa zvinoita kuti zvive zvakaoma kuti utarisire mavara emutauro sezvo iwe unoda kuachinja pane imwe nguva yemutauro wepakati.

Muchikamu chino, unodzidza kuchinja mararamiro epavara uchishandisa iri kunze kwemavara mapepa uye chimiro chinoshandiswa mumutsetse wemavara. Iwe unogona kushandisa imwechete yepaimba pfuma kuti uchinje ruvara rwepavara pane chero tag inopoteredza rugwaro, kusanganisira tag.

Kuwedzera Matanho ekuchinja Mifananidzo Yemavara

Nokuda kwemuenzaniso uyu, iwe unofanirwa kuva nedhidhiyo ye HTML yepaji yako markup uye imwe CSS faira yakabatanidzwa pane iyo nyandiko. Iri bhuku re HTML ringangodaro rinoita nhamba yezvikamu mairi. Iyo yatinenge tine hanya nayo nokuda kwechinangwa chechipiri ichi ndicho ndima inowanikwa.

Hezvino nzira yekushandura mutsetse wepavara wemashoko mukati memashoko emavara kushandisa shanduro yako yekunze.

Mavara mavara anokwanisa kuratidzirwa semuvara mazita makuru, RGB nhamba dzemavara, kana hexadecimal nhamba dzemavara.

1. Wedzera chimiro chekuita kwemavara tag:
   1. p {}
2. Isa muvara weimba mumutauro. Isai colon mushure meimba iyo:
   1. p {color:}
3. Zvadaro wedzera chidimbu chako chemavara mushure meimba. Iva nechokwadi chekupedzisa kukosha ikoko nehafu-colon:
   1. p {ruvara: rima;}

Iyi ndima dziri papeji yako zvino dzichava dema.

Muenzaniso uyu unoshandisa shoko rechikwereti-"black". Ndiyo imwe nzira yekuwedzera ruvara muCSS, asi iyo inopera. Kushandisa mazwi e "black" uye "mutsvuku" kwakananga kubva apo iyo miviri miviri yakajeka, asi chii chinoitika kana ukashandisa mazwi akadai se "red", "blue", kana kuti "tema"? Chaizvoizvo mumvuri webhuruu, bhuruu, kana ruvara iwe uchawana? Iwe haugone kunyatsojekesa chaiwo marimu mumvuri waunoda nemashoko makuru. Ichi ndicho chikonzero hexadecimal values ​​inowanzoshandiswa panzvimbo yevaraidza mazwi.

p {ruvara: # 000000; }

Iyi CSS style inogonawo kugadzirisa marara emavara ako kuva madema, nokuti hex code ye # 000000 inoshandura kuva vema. Iwe unogona kushandisa kunyange shorthand neyekukosha kwehex uye uinyorere se # # uye iwe unogona kuwana chinhu chimwe chete.

Sezvatatotaura kare, hex dzinoshanda zvakanaka kana iwe uchida ruvara rusiri ruvara rwemutsvuku kana ruchena. Heano muenzaniso:

p {ruvara: # 2f5687; }

Iyi hex value inogona kuisa ndima kumucheka webhuruu, asi kusiyana nehoko guru "bhuruu", iyi hex code inokupa kukwanisa kuisa mumvuri chaiwo webhuruu - zvichida iyo yakagadziriswa inosarudza pavanenge vachigadzira zvinyorwa iyi website. Muchiitiko ichi, ruvara rwaizova pakati pepakati, slate-sebhuruu.

Pakupedzisira, unogona kushandisa RGBA ruvara rwemavara emirasi yepafaira zvakare. RGCA iko zvino inotsigirwa mumadheji ose emazuva ano, saka iwe unogona kushandisa maitiro aya pasina kunyanya kunetseka kuti haingabatsirwi mumusikana webhu, asi iwe unogonawo kugadzirisa nyore nyore.

p {ruvara: rgba (47,86,135,1); }

Iyi RGBA inokosha yakafanana neyendarira yebhuruu yakatsanangurwa kare. Nhamba yekutanga mitatu inogadzirisa mararamiro eRugare, eGreen, uye Blue uye nhamba yekupedzisira ndiyo alpha setting. Rinoiswa ku "1", zvinoreva kuti "100%", saka muvara uyu haungatauri pachena. Kana iwe ukaisa izvozvo kune imwe yenhamba, sa .85, iyo inogona kushandura kusvika ku 85% opacity uye ruvara rwaizove rwakanyatsojeka.

Kana iwe uchida kuvhara mavara mavara ako, unogona kuita izvi:

p {
ruvara: # 2f5687;
Muvara: rgba (47, 86, 135,1);
}

Iyi syntax inoisa hex code yekutanga. Iyo inonyanya kubhadhara iyo kukosha neyo RGBA nhamba. Izvi zvinoreva kuti chero musikana wekare anenge asingabatsiri RGBA angatora kukosha kwekutanga uye asingateereri wechipiri. Vashandisi vemazuva ano vaizoshandisa yechipiri paCSS.