Jinsi ya Kubadilisha Alama ya Neno Na Tag ya Span na CSS

Kwa CSS , ni rahisi kuweka rangi ya maandishi kwenye hati. Ikiwa unataka kifungu kwenye ukurasa wako kutafsiriwa kwa rangi fulani, unataja tu kwamba katika karatasi yako ya nje ya mtindo na kivinjari utaonyesha maandishi yako kwenye rangi hiyo iliyochaguliwa. Ni nini kinachotokea wakati unataka kubadilisha rangi ya neno moja tu (au labda maneno machache) ndani ya aya ya maandiko? Kwa hiyo, utahitaji kutumia kipengele cha inline kama lebo.

Hatimaye, kubadilisha rangi ya neno moja au kikundi kidogo cha maneno ndani ya sentensi ni rahisi kutumia CSS, na lebo ni HTML halali, hivyo msiwe na wasiwasi juu ya hii kuwa aina fulani ya hack. Kwa njia hii, wewe pia huepuka kutumia vitambulisho vilivyotengwa na sifa kama "font", ambayo ni bidhaa ya zama za HTML zilizopangwa.

Makala hii ni kwa ajili ya kuanzisha wavuti wavuti ambazo huenda ni mpya kwa HTML na CSS. Itasaidia kujifunza jinsi ya kutumia lebo ya HTML na CSS ili kubadilisha rangi ya maandishi maalum kwenye kurasa zako. Iliyosema, kuna vikwazo vingine kwa njia hii, ambayo nitaifunika mwishoni mwa makala hii. Kwa sasa, soma ili ujifunze hatua za kubadilisha rangi hii ya maandishi! Ni rahisi sana na inapaswa kuchukua muda wa dakika 2.

Mwongozo wa hatua kwa hatua

  1. Fungua ukurasa wa wavuti unayotaka kurekebisha katika mhariri wa maandishi yako ya maandishi ya favorite. Hii inaweza kuwa programu kama Adobe Dreamweaver au mhariri wa maandishi tu kama Kichunguzi, Notepad ++, TextEdit, nk.
  2. Katika waraka, tafuta maneno unayotaka kuonyeshwa kwenye rangi tofauti kwenye ukurasa. Kwa ajili ya mafunzo haya, inaruhusu kutumia maneno fulani yaliyo ndani ya aya kubwa ya maandiko. Maandishi hayo yatakuwa yaliyomo ndani ya jozi la jozi. Pata moja ya maneno mawili ambayo ungependa kuhariri rangi.
  3. Weka mshale wako kabla ya barua ya kwanza katika neno au kikundi cha maneno unayotaka kubadilisha rangi. Kumbuka, ikiwa unatumia mhariri wa WYSIWYG kama Dreamweaver, unafanya kazi kwa "mtazamo wa kanuni" sasa.
  4. Hebu kuunganisha maandiko ambayo rangi tunayotaka kubadilisha na lebo, ikiwa ni pamoja na sifa ya darasa. Aya nzima inaweza kuonekana kama hii: Hii ni maandishi ambayo yanalenga kwenye sentensi.
  5. Tumeanza tu kipengele cha inline, yaani, kutoa nakala maalum "ndoano" ambayo tunaweza kutumia katika CSS. Hatua yetu ya pili ni kuruka kwenye faili yetu ya nje ya CSS ili kuongeza utawala mpya.
  1. Katika faili yetu ya CSS, hebu tuongeze:
    1. .focus-text {
    2. rangi: # F00;
    3. }
    4. A
  2. Sheria hii itaweka kipengele hicho cha ndani,, ili kuonyesha katika rangi nyekundu. Ikiwa tungekuwa na mtindo uliopita uliweka maandishi ya waraka wetu kuwa mweusi, mtindo huu wa ndani unasababisha maandishi ya span kuzingatia na kusimama na rangi tofauti. Tunaweza pia kuongeza mitindo mingine kwa sheria hii, labda kufanya italiki ya maandiko au ujasiri ili kusisitize hata zaidi?
  3. Hifadhi ukurasa wako.
  4. Pima ukurasa kwenye kivinjari chako chavuti kinachopendwa ili uone mabadiliko katika athari.
  5. Kumbuka kuwa kwa kuongezea, wataalamu wengine wa wavuti wanatumia kutumia vipengele vingine kama jozi au safu. Lebo hizi zilizotumiwa kuwa "ujasiri" na "italics" hasa, lakini zimeondolewa na kubadilishwa na. Lebo bado inafanya kazi katika vivinjari vya kisasa, hata hivyo, watengenezaji wengi wa wavuti hutumia kama ndoano za kupiga picha. Huu sio njia mbaya zaidi, lakini ikiwa unataka kuepuka vipengele vyovyote visivyosababishwa, mimi hupendekeza kushikamana na lebo kwa aina hizi za mahitaji ya kupima.

Vidokezo na Mambo ya Kuangalia Kwa

Ingawa mbinu hii inafanya kazi kwa mahitaji madogo madogo, kama kama unahitaji kubadili kipande kidogo tu cha maandishi kwenye hati, inaweza kuondokana na haraka. Ikiwa unapata kwamba ukurasa wako umejaa mambo ya ndani, ambayo yote yana madarasa ya kipekee ambayo unayotumia kwenye faili yako ya CSS, huenda ukafanya vibaya, Kumbuka, zaidi ya vitambulisho hivi kwenye ukurasa wako, ni vigumu zaidi ni uwezekano wa kuwa na ukurasa huo unaendelea. Zaidi ya hayo, uzuri wa uchapaji wa wavuti mara chache una aina nyingi za rangi, nk kwa kila ukurasa!