Yadda za a boye Harkokin Amfani da CSS

Za a iya yin amfani da hanyar haɗi tare da CSS a hanyoyi daban-daban, amma zamu dubi hanyoyi guda biyu inda URL za a iya ɓoye gaba daga ra'ayi. Idan kuna son ƙirƙirar farauta ko kwai kwai a kan shafinku, wannan hanya ce mai ban sha'awa don ɓoye hanyoyi.

Hanya na farko ita ce ta amfani da "babu" kamar yadda maƙalar abubuwan CSS ta haifa. Sauran ita ce kawai ta canza launin rubutu don dace da bayanan shafin.

Ka tuna cewa babu wata hanyar da za ta sa hanyar haɗi ta ɓacewa gaba ɗaya daga samuwa lokacin da kake neman lambar maƙallin. Duk da haka, baƙi ba za su sami hanya mai sauƙi ba, wanda za a iya ganin ta, kuma baƙi baƙi ba su da wata alamar yadda zasu sami hanyar haɗi.

Lura: Idan kana neman umarnin kan yadda za a danganta wata takarda na waje, waɗannan umarni ba abin da kake bane ba. Dubi Mene Abin Sashin Hanya? maimakon.

Kashe Aikin Kashe Kayan Kashe

Hanyar farko da za mu iya amfani da su don ɓoye URL shine don sanya mahaɗin baiyi kome ba. Lokacin da linzamin kwamfuta ya haɗu da mahaɗin, ba zai nuna abin da URL yake nuna ba kuma bazai bari ka danna shi ba.

Rubuta HTML daidai

Ɗayan shafin yanar gizo, tabbatar da hyperlink ya karanta kamar haka:

ThoughtCo.com

Tabbas, "https://www.thoughtco.com/" yana buƙatar nunawa ainihin URL da kake son ɓoye, kuma ThoughtCo.com za a iya canzawa zuwa kowane kalma ko magana da kake so wanda ya bayyana ma'anar.

Manufar da ke nan ita ce, za a yi amfani da aikin ajiyar tare da CSS da ke ƙasa don ɓoye mahada.

Yi amfani da wannan CSS Code

CSS code yana buƙatar magance ɗayan aiki kuma ya bayyana wa mai bincike cewa abin da ke faruwa a kan mahaɗin danna, ya zama "babu," kamar wannan:

.active {pointer-events: babu; Mafarki: tsoho; }

Kuna iya ganin hanyar wannan a cikin aikin JSFiddle. Idan ka cire code CSS a can, sa'an nan kuma sake da bayanai, da mahada ba zato ba tsammani ya zama clickable da amfani. Wannan shi ne saboda idan ba'a amfani da CSS ba, haɗin yana nuna hali kullum.

Lura: Ka tuna cewa idan mai amfani yana kallon maɓallin shafi, za su ga mahaɗin kuma su san inda ta ke faruwa kamar yadda muka gani a sama, lambar nan har yanzu akwai, ba kawai amfani ba.

Canja Link & # 39; s Launi

Yawanci, mai zanen yanar gizo zai sa hyperlinks ya zama launi daban-daban fiye da bango domin baƙi za su iya ganin su kuma su san inda suka tafi. Duk da haka, muna nan don ɓoye hanyoyin , don haka bari mu ga yadda za a canza launin don daidaita abin da shafin.

Ƙayyade Ɗauren Ƙaƙwalwar

Idan muka yi amfani da wannan misalin daga hanyar farko a sama, zamu iya canza kundin zuwa duk abin da muke so don kawai alamu na musamman an boye.

Idan ba mu yi amfani da kundin ba kuma a maimakon haka muka yi amfani da CSS daga ƙasa zuwa kowane mahada, to, dukansu za su shuɗe. Ba haka muke ba bayan nan, saboda haka zamu yi amfani da wannan lambar HTML wadda ta ke amfani da kundin tsarin al'ada:

ThoughtCo.com

Bincika Abin da Launi don Amfani

Kafin mu shigar da code CSS masu dacewa don ɓoye mahada, muna bukatar mu gano irin launi da muke so mu yi amfani da ita. Idan kana da tsafi mai tushe, kamar fari ko baki, to wannan yana da sauƙi. Duk da haka, wasu launi na musamman sun buƙaci daidai.

Alal misali, idan launin ka na baya yana da darajar hex na e6ded1 , kana buƙatar sanin cewa don lambar CSS ta yi aiki yadda ya cancanta don shafin da kake so shi ɓacewa.

Akwai wadatar wadannan kayan "mai launi" ko "eyedropper" kayan aikin da ake samuwa, wanda ake kira ColorPick Eyedropper don Chrome browser. Yi amfani da shi don samo launi na bayanan shafin yanar gizonku domin samun launi mai haɗi.

Shirya CSS don Canja launi

Yanzu da cewa kuna da launi da haɗin keyi ya kamata, lokaci ya yi don amfani da wannan da darajar ƙimar al'ada daga sama, don rubuta lambar CSS:

.ademe {launi: # e6ded1; }

Idan launi dinku mai sauƙi ne kamar fari ko kore, ba dole ba ku saka alamar # a gabansa:

.ademe {launi: fari; }

Duba wannan samfurin samfurin a wannan JSFiddle.