Yadda za a canza launin kalma tare da Tag da CSS

Tare da CSS , yana da sauƙi don saita launi na rubutu a cikin takardun. Idan kana so sassan layi a kan shafinka da za a yi a cikin wani launi, to kawai ka saka shi a cikin takarda na waje ka kuma mai bincike zai nuna maka rubutu a cikin launi da aka zaba. Menene ya faru sa'annan lokacin da kake so canza launi na kalma daya (ko watakila kawai kalmomi) a cikin sashin layi? Don haka, kuna buƙatar amfani da maƙallin layi kamar tag.

Ƙarshe, canja launi na kalma daya ko ƙananan ƙungiyar kalmomi a cikin jumla mai sauƙin amfani da CSS, kuma kalmomin suna samfurin HTML, don haka kada ku damu da wannan zama irin hack. Tare da wannan hanya, ku ma ku guji yin amfani da alamar misalai da halayen kamar "font", wanda shine samfurin wani lokaci na HTML.

Wannan labarin shine don fara masu bunkasa yanar gizo waɗanda suke iya sababbin HTML da CSS. Zai taimaka maka koyi yadda za a yi amfani da HTML tag da CSS don canza launi na takamaiman rubutu akan shafukanku. Wannan an ce, akwai wasu alamu ga wannan hanyar, wanda zan rufe a ƙarshen wannan labarin. A yanzu, karantawa don koyon matakai don canja wannan launi na launi! Yana da sauƙi kuma ya kamata ya ɗauki minti 2.

Mataki na Mataki na Mataki

  1. Bude shafin yanar gizon da kake buƙatar sabuntawa a cikin editan HTML ɗinku da kukafi so. Wannan zai iya zama shirin kamar Adobe Dreamweaver ko mai sauƙin rubutu kamar Notepad, Notepad ++, TextEdit, da dai sauransu.
  2. A cikin takardun, bincika kalmomin da kake so a nuna su a cikin launi daban-daban a shafin. Domin kare kanka da wannan koyaswar, yana iya amfani da wasu kalmomi da ke cikin babban sashe na rubutu. Wannan rubutun zai kunshe ne a cikin ɗakunan kunduka. Nemi daya daga cikin kalmomi guda biyu wanda launi za ku so a gyara.
  3. Ka sanya siginan ka a gaban wasikar farko a kalma ko rukuni na kalmomi da kake son canja launi. Ka tuna, idan kuna yin amfani da editan WYSIWYG kamar Dreamweaver, kuna aiki a "rigin kallo" a yanzu.
  4. Bari a rufe rubutu wanda launin da muke so mu canza tare da tag, ciki har da sifa mai launi. Dukan sashin layi na iya kama da wannan: Wannan rubutu ne wanda aka mayar da hankali a cikin jumla.
  5. Mun yi amfani da maƙalar digiri, da, don ba da wannan takamammen rubutun "ƙugiya" da za mu iya amfani dashi a cikin CSS. Mataki na gaba shine tsalle zuwa fayil ɗin CSS na waje don ƙara sabuwar doka.
  1. A cikin fayil na CSS, bari mu ƙara:
    1. .focus-text {
    2. launi: # F00;
    3. }
  2. Wannan rukunin zai saita wannan sashin layi, wato, don nunawa cikin launi ja. Idan muna da hanyar da ta gabata wadda ta saita rubutu na takardunmu zuwa baki, wannan sakon layi zai haifar da mayar da rubutun rubutun da kuma nunawa tare da launi daban-daban. Har ila yau, za mu iya ƙara wasu sifofi zuwa wannan doka, watakila yin rubutun kalmomi ko ƙarfafa don ƙara jaddada shi?
  3. Ajiye shafinku.
  4. Gwada shafi a cikin shafukan yanar gizonku da kuka fi so don ganin canje-canjen a cikin sakamako.
  5. Lura cewa ban da na, wasu kwararru na yanar gizo sun zaɓa don amfani da wasu abubuwa kamar nau'i-nau'i ko nau'i-nau'i. Wadannan kalmomi suna amfani da su don "m" da "magungunan" musamman, amma an raguwa kuma an maye gurbin da kuma. Har ila yau, tags suna ci gaba da aiki a masu bincike na zamani, duk da haka, masu amfani da yanar gizo suna amfani da su kamar ƙuƙwalwar launi. Wannan ba kuskure mafi kuskure ba ne, amma idan kana so ka guje wa duk wani abu mai lalacewa, Ina bayar da shawarar yin jigla tare da tag don waɗannan bukatun salo.

Tips da Abubuwa don Kula da Don

Duk da yake wannan hanyar ta dace da ƙananan bukatun salo, kamar idan kana buƙatar canza sau ɗaya ƙananan rubutun a cikin takardun, zai iya fita daga iko. Idan ka ga cewa shafinka ya cika tare da abubuwan haɗe-haɗe, dukansu suna da nau'o'i na musamman da kake yin amfani da su a cikin fayil ɗin CSS ɗinka, ƙila ka yi kuskure, Ka tuna, yawancin waɗannan alamun da suke cikin shafinka, da wuya yana iya kasancewa don kula da shafin nan gaba. Bugu da ƙari, adabin yanar gizo mai kyau ba shi da bambancin launi, da dai sauransu a cikin shafin!