Mmene mungabisire Links pogwiritsa ntchito CSS

Kubisa chiyanjano ndi CSS kungakhoze kuchitika m'njira zingapo, koma tiyang'ana njira ziwiri zomwe URL imatha kubisika kuchokera kuwona. Ngati mukufuna kukhazikitsa mbalame yamasaka pamasamba anu, iyi ndi njira yosangalatsa kubisa maulumikizi.

Njira yoyamba ndi kugwiritsa ntchito "palibe" monga katundu wowonetsera zochitika za CSS. Chimodzicho ndi kungodzipangira malemba kuti agwirizane ndi maziko a tsamba.

Kumbukirani kuti palibe njira yomwe ingapangitse chiyanjanocho kuwonongeka kwathunthu kuti sichipezeka pamene mukufufuza foni yachinsinsi. Komabe, alendo sangakhale ndi njira yophweka, yowongoka kuti awone, ndipo alendo anu osangalatsa sangakhale ndi chitsimikizo momwe angapezere chiyanjano.

Zindikirani: Ngati mukufuna mauthenga a momwe mungagwirizanitse pepala lakunja la kunja, malangizo awa sali omwe mukutsatira. Onani Mndandanda wa Maonekedwe akunja? m'malo mwake.

Khutsani Chiwonetsero cha Pointer

Njira yoyamba yomwe tingagwiritsire ntchito kubisa URL ndikupanga chiyanjano kuchita kanthu. Pamene mbewa ikugwedeza pazitsulo, siidzawonetsa zomwe URL ikulozera ndipo sizidzakulolani kuti muyike.

Lembani HTML molondola

Imodzi tsamba la intaneti, onetsetsani kuti hyperlink ikuwerenga motere:

CoCoCo.com

Inde, "https://www.thoughtco.com/" iyenera kulongosola ma URL enieni omwe mukufuna kuwabisa , ndipo ThoughtCo.com ingasinthidwe kukhala mawu kapena mau omwe mumakonda omwe amasonyeza kulumikizana.

Lingaliro apa ndilo kuti kalasi yogwira ntchito idzagwiritsidwa ntchito ndi CSS pansipa kuti mubisala chiyanjano.

Gwiritsani ntchito CSS Code

Code ya CSS iyenera kuthana ndi gulu logwira ntchito ndikufotokozera osatsegula kuti chochitikacho pazitsulo, khalani "palibe," monga chonchi:

zosavuta {zochitika} zochitika: palibe; chithunzithunzi: chosasintha; }}

Mutha kuona njirayi ikugwira ntchito pa JSFiddle. Ngati kuchotsa code CSS apo, ndiyeno kubwezeretsa deta, chilankhulo mwadzidzidzi chimakhala chosakanikirana ndi chogwiritsidwa ntchito. Izi ndi chifukwa pamene CSS sichigwiritsidwe ntchito, chiyanjano chimachita mwachizolowezi.

Zindikirani: Kumbukirani kuti ngati wogwiritsa ntchito tsamba lachitukuko, ayang'ana chiyanjano ndikudziwa kumene amapita chifukwa monga momwe tawonera pamwamba, chikhocho chikhalirebe, sizingagwiritsidwe ntchito.

Sinthani mtundu wa Link & # 39; s

Kawirikawiri, wojambula webusaiti adzapanga mtundu wosiyana wa mtundu kusiyana ndi maziko kuti alendo athe kuziwona ndikudziƔa kumene amapita. Komabe, tiri pano kuti tibise maulendo , kotero tiyeni tiwone momwe tingasinthire mtundu kuti ufanane ndi tsamba.

Fotokozani kalasi yamtundu

Ngati tigwiritsa ntchito chitsanzo chomwecho kuchokera pa njira yoyamba pamwambapa, tikhoza kungosintha kalasiyo ku chilichonse chimene tikufuna kuti zinsinsi zenizeni zikhale zobisika.

Ngati sitinagwiritse ntchito kalasi ndipo mmalo mwake tinagwiritsa ntchito CSS kuchokera pansi pazitsulo zonse, ndiye zonsezi zikanatha. Izi si zomwe takhala nazo pano, choncho tidzatha kugwiritsa ntchito makadi a HTML omwe akugwiritsira ntchito kalasi ya hideme.

CoCoCo.com

Pezani Zomwe Mukugwiritsa Ntchito

Tisanalowe mu Code CSS yoyenera kubisa chiyanjano, tifunikira kudziwa mtundu womwe tikufuna kugwiritsa ntchito. Ngati muli ndi maziko olimba kale, monga oyera kapena akuda, ndiye zophweka. Komabe, mitundu ina yapadera imayenera kukhala yeniyeni nayenso.

Mwachitsanzo, ngati mtundu wanu wachikulire uli ndi mtengo wa e6ded1 , muyenera kudziwa kuti code CSS ikugwira ntchito bwino tsamba lomwe mukulifuna kuti lisalowemo .

Pali zowonjezera zowonjezerazi "zida zowoneka" kapena "zowomba", zomwe zimatchedwa ColorPick Eyedropper kwa osatsegula Chrome. Gwiritsani ntchito kuyesa mtundu wa tsamba la tsamba lanu kuti mupeze mtundu wa hex.

Sinthani CSS kuti Musinthe Mtundu

Tsopano kuti muli ndi mtundu umene chiyanjano chiyenera kukhala, ndi nthawi yogwiritsira ntchito izo komanso mtengo wamtengo wapatali kuchokera pamtunda, kulemba CSS code:

.hideme {color: # e6ded1; }}

Ngati mtundu wanu wachikulire uli wosavuta ngati woyera kapena wobiriwira, simukuyenera kuyika # chizindikiro pamaso pake:

.hideme {mtundu: woyera; }}

Onani chitsanzo cha njira iyi mu JSFiddle iyi.