Sida Loo Hido Xiriirinta Isticmaalka CSS

Qaadista xiriirka CSS waxaa loo samayn karaa dhowr siyaabood, laakiin waxaan eegeynaa laba hab oo URL ah oo gebi ahaanba laga qarin karo. Haddii aad rabto in aad abuurto ugxantii faanjeeraha ama ukunta qashinkaaga goobtaada, tani waa hab xiiso leh oo lagu qarin karo xiriirka.

Habka ugu horeeya waa adigoo isticmaalaya "none" sida calaamad muujinaysa qiimaha hantida CSS. Midka kale ayaa si fudud u qoraya qoraalka si uu u eego asalka bogga.

Maskaxda ku hay in aan qaabkale uusan isku xiraynin xiriirka gabi ahaanba ka lumaya helitaanka marka la raadinayo koodhka ilaha. Si kastaba ha noqotee, dadka soo booqda ma haysan doonaan hab sahlan, oo toos ah oo ay u arkaan, iyo martidaada soo dhoweyntu ma yeelan doonaan fariin sida loo helo xiriirka.

Fiiro gaar ah: Haddii aad raadinayso tilmaamo ku saabsan sida loo xiro xaashida qaabka dibadda, tilmaamahaasi maaha waxa aad tahay ka dib. Fiiri Maxa Warqada Fasalka ee Dibadda ah? halkii.

Diido dhacdada "Pointer"

Qaabka ugu horeysa ee aan u isticmaali karno si loo qariyo URL waa in aan isku xirno wax aan waxba qaban. Marka ay jeebka ku xiraan iskuxirka, ma muujin doono waxa urta u tilmaamayo mana kuu ogolaanayso inaad gujiso.

Qor HTML si sax ah

Mid ka mid ah bogga internetka, hubi in buunjierku sidan oo kale u akhriyo:

ThoughtCo.com

Dabcan, "https://www.thoughtco.com/" waxay ubaahantahay in ay tilmaamaan URL dhabta ah ee aad rabto qarsoodi, ThoughtCo.com waa la bedeli karaa ereyo ama weedho aad jeceshahay oo sharaxaysa xiriirka.

Fikradda halkan waa in fasalka firfircooni loo isticmaali doono CSS-ka hoose si uu si habboon u qariyo xiriirka.

Isticmaal Xeerkan CSS

CSS-ka ayaa u baahan yahay inuu wax ka qabto fasalka firfircoon wuxuuna u sharaxaa barta shabakadda in munaasabadda ku xiran linkka gujinta, ay tahay "mid", sidaan oo kale:

.active {asxaab-dhacdooyinka: midna; cursorka: default; }

Waxaad arki kartaa habkan si ficil ah ee JSFiddle. Haddii aad ka soo saarto code CSS-da, ka dibna aad dib ugu noqotid xogta, xiriirka si lama filaan ah ayuu noqdaa mid la goosan karo oo la isticmaali karo. Tani waa sababta oo ah marka CSS aan la isticmaalin, xiriirku wuxuu u dhaqmaa sida caadiga ah.

Fiiro gaar ah: Xusuusnow haddii user uu arko koodhka source-ka ee bogga, waxay arki doonaan iskuxirka oo ogaan doonaa halka ay u socoto sababtoo ah sida aynu kor ku aragno, koodku wali wuu joogaa, ma ahan mid la isticmaali karo.

Isbedelka Link & # Color Color

Caadi ahaan, naqshadeeyaha shabakadu wuxuu sameyn doonaa midabyo midab kala duwan oo ka soo jeeda asalka si uu soo booqdo si dhab ah u arko iyaga oo ogaanaya meesha ay tagaan. Si kastaba ha ahaatee, waxaan halkan u joognaa si aan u qarino xiriirka , sidaa daraadeed aan aragno sida loo badalayo midabka si loo eego bogga.

Qeexaan Fasal Mabaadi ah

Haddii aan isticmaalno tusaalahaas mid ka mid ah habka ugu horreeya ee kor ku xusan, waxaan si fudud u bedeli karnaa fasalka wax alla wixii aan dooneyno si kaliya khadka gaarka ah oo qarsoon.

Haddii aynaan isticmaalin fasal oo halkii loo adeegsan lahaa CSS ka hooseeya xiriir kasta, ka dibna dhammaantood way baabinayaan. Taasi ma ahan waxa aan halkan ku daba joogno, markaa waxaan isticmaali doonaa code-kan HTML ee isticmaalaya fasalka caadiga ah ee isku dhejinta:

ThoughtCo.com

Raadi waxa Midabkiisu Isticmaalayo

Ka hor intaanan soo galin habka CSS ee ku habboon si loo qariyo xiriirka, waxaan u baahannahay inaan ogaano nooca aan rabno inaan isticmaalno. Haddii aad hayso taariikh adag, sida cad ama madow, markaa taasi waa sahlan tahay. Si kastaba ha ahaatee, midabyada kale ee gaarka ah waxay u baahan yihiin inay sax yihiin.

Tusaale ahaan, haddii midabkaaga asalka ah uu leeyahay qiimaha korontada ee e6ded1 , waxaad u baahan tahay inaad ogaato in CSS- koodku si sax ah u shaqeynayo bogga aad doonayso in aad isaga baxdo.

Waxaa jira waxyaabo badan oo ka mid ah "midabka picker" ama "eyedropper" oo la heli karo, mid ka mid ah waxaa loogu yeeraa ColorPick Eyedropper ee shabakada Chrome. Isticmaal si aad u sameyso midabka midabta ee boggaaga bogga si aad u hesho midabka hexaha.

Kala habee CSS si aad u bedesho midabka

Hadda oo aad haysato midabka isku xirku waa inay ahaataa, waa waqtigii la isticmaali lahaa iyo qiimaha fasalka caadiga ah ee kor ku xusan, si loo qoro code CSS:

.hideme {color: # e6ded1; }

Haddii midabkaaga asalkiisu uu yahay mid cad ama cagaaran, uma baahnid inaad calaamadda # ku dhigto ka hor:

.hideme {color: white; }

Aragtaan tusaalahan tusaalaha ah ee JSFiddle.