Jinsi ya kuingiza maoni ya CSS

Ikiwa ni pamoja na maoni katika msimbo wako wa CSS ni muhimu na unapendekezwa sana.

Kila tovuti inajumuisha vipengele vya kimuundo (ambavyo vinaelezwa na HTML) pamoja na mtindo wa kuona au "kuangalia na kujisikia" ya tovuti hiyo. Majambazi ya Sinema ya Kukimbia (CSS) ni yale yanayotumiwa kulazimisha kuonekana kwa tovuti. Mitindo hii inachukuliwa tofauti na muundo wa HTML ili kuruhusu urahisi wa uppdatering na kuzingatia viwango vya wavuti.

Kwa ukubwa wa utata wa tovuti nyingi leo, karatasi za mtindo zinaweza haraka kuwa nzito sana na zenye kazi kubwa sana. Hii ni kweli hasa wakati unapoongeza kwenye maswali ya vyombo vya habari kwa mitindo ya tovuti ya msikivu . Maswali hayo ya vyombo vya habari peke yake yanaweza kuongeza kiasi kikubwa cha mitindo mpya kwenye waraka wa CSS na kuifanya kuwa vigumu zaidi kufanya kazi na. Hii ndio ambapo maoni ya CSS yanaweza kuwa msaada wa thamani kwenye tovuti.

Kuongeza maoni kwenye faili za CSS za tovuti ni njia nzuri ya kuongeza muundo kwa sehemu za msimbo huo kwa msomaji wa kibinadamu ambaye anaangalia waraka. Pia ni njia nzuri ya kuelezea mitindo hiyo kwa mtaalamu wa wavuti ambaye anaweza kufanya kazi kwenye tovuti ya baadaye - ikiwa ni pamoja na wewe mwenyewe!

Hatimaye, maoni ya CSS ya hekima yatafanya urahisi mtindo wa style urahisi. Hiyo ni kweli, muhimu kwa karatasi za mtindo ambazo zitabadilishwa na timu. Maoni yanaweza kutumiwa kuwasiliana na mambo muhimu ya karatasi ya mtindo kwa wanachama tofauti wa timu ambao huenda hawajui msimbo tayari. Maoni haya yanaweza kuwa na manufaa sana kwa watu ambao wamefanya kazi kwenye tovuti kabla ya kurudi kwenye msimbo baada ya kuwa mbali na muda kwa muda. Mara nyingi nimebidi kuhariri tovuti niliyoijenga miezi au hata miaka iliyopita na kuwa na maoni mazuri yaliyomo katika HTML na CSS ni msaada wa kuwakaribisha sana! Kumbuka, kwa sababu tu ulijenga tovuti haimaanishi utakumbuka kwa nini ulifanya mambo uliyotenda wakati unarudi kwenye tovuti hiyo baadaye! Maoni yanaweza kufanya madhumuni yako yawe wazi na wazi juu ya kutoelewana yoyote kabla hata kutokea.

Kitu kimoja cha kuelewa kuhusu maoni ya CSS ni kwamba hawakuonyeshwa wakati ukurasa unavyofanya kwenye vivinjari vya wavuti. Maoni hayo ni habari tu, kama maoni ya HTML ni (ingawa syntax ni tofauti kati ya mbili). Maoni haya ya CSS hayathiri maonyesho yaliyoonekana ya tovuti kwa namna yoyote na yanapo kwenye kanuni yenyewe.

Kuongeza maoni ya CSS

Kuongeza maoni ya CSS ni rahisi kabisa. Unaandika tu maoni yako na kufungua sahihi na kufunga vitambulisho vya maoni:

Kitu chochote kinachoonekana kati ya vitambulisho hivi viwili kitakuwa maudhui ya maoni, yanaonekana tu katika kificho na haijatibiwa na kivinjari.

Maoni ya CSS yanaweza kuwa mstari mmoja, au inaweza kuchukua mistari nyingi. Hapa kuna mfano mmoja wa mstari:

div # border_red {mpaka: nyekundu imara nyekundu; } / * mfano wa mpaka wa nyekundu * /

Na mfano mzuri:

/ *************************** ********************** ****** Sinema kwa maandishi ya kificho **************************** ************ *************** /

Kuvunja Sehemu

Mojawapo ya njia ambazo mimi mara nyingi hutumia maoni ya CSS ni kuandaa karatasi yangu ya mtindo katika vidogo vidogo vyenye urahisi zaidi. Ninapenda kuona urahisi sehemu hizi wakati ninapotumia faili baadaye. Ili kufanya hivyo, mara nyingi ninaongeza maoni na kura nyingi za watu wao ili waweze kutoa mapumziko makubwa, ya wazi katika ukurasa ambao ni rahisi kuona kama mimi haraka kupitia msimbo. Hapa ni mfano:

/ * ----------------------- Mitindo ya kichwa ----------------------- ------- * /

Ninapoona mojawapo ya maoni haya katika kanuni yangu, najua ni mwanzo wa sehemu mpya ya waraka huo, na kuniruhusu kwa urahisi kusindika na kutumia kanuni.

& # 34; Maoni ya Kati & # 34; Kanuni

Vitambulisho vya maoni vinaweza pia kuwa na manufaa katika mchakato halisi wa kukodisha na kufuta ukurasa. Maoni yanaweza kutumiwa "kutoa maoni" au "kuzima" maeneo ya msimbo huo ili kuona kinachotokea ikiwa sehemu hiyo si sehemu ya ukurasa.

Hivyo kazi hii inafanyaje? Kwa kweli, kwa sababu vitambulisho vya maoni vinasema kivinjari kupuuza kila kitu kati yao, unaweza kutumia kwao muda kuzuia sehemu fulani za msimbo wa CSS. Hii inaweza kuwa rahisi wakati wa kufuta, au wakati wa kurekebisha muundo wa ukurasa wa Mtandao.

Kwa kufanya hivyo, ungeongeza tu lebo ya maoni ya ufunguzi ambapo unataka msimbo wa kuanza kuzimwa na kisha uweke alama hiyo ya mwisho ambapo unataka sehemu ya walemavu itakamilika. Kila kitu kati ya vitambulisho hicho hakiathiri maonyesho yaliyoonekana ya tovuti, hukukuwezesha kufuta CSS ili uone mahali ambapo tatizo linaweza kutokea. Unaweza kisha kuingia na kurekebisha suala hilo na kuondoa maoni kutoka kwa msimbo.

CSS Maoni ya Ushauri

Kama recap, hapa kuna vidokezo vya kukumbuka kwa kutumia maoni katika CSS yako:

  1. Maoni yanaweza kutafsiri mistari mingi.
  2. Maoni yanaweza kujumuisha vipengee vya CSS ambavyo hutaki kufanywa na kivinjari, lakini hawataki kufuta kabisa. Hii ni njia nzuri ya kufuta karatasi za mtindo wa tovuti - hakika kuwa na kuondoa mitindo isiyoyotumiwa (kinyume na kuwaacha maoni yao) ikiwa unaamua hauhitaji kwenye tovuti
  3. Tumia maoni wakati wowote unapoandika CSS ngumu ili kuongeza ufafanuzi na kuwajulisha watengenezaji wa baadaye, au wewe mwenyewe baadaye, kuhusu mambo muhimu wanayopaswa kujua. Hii itaokoa muda wa maendeleo ya baadaye kwa wote waliohusika.
  4. Maoni pia yanajumuisha maelezo ya meta kama:
    • mwandishi
    • tarehe imeundwa
    • habari za hakimiliki

Utendaji

Maoni yanaweza kuwa na manufaa, lakini tahadhari kwamba maelezo zaidi unayoongeza kwenye karatasi ya mtindo, itakuwa kubwa zaidi, ambayo itaathiri kasi ya kupakua ya tovuti na utendaji. Hii ni wasiwasi halisi, lakini usipaswi kuongezea maoni muhimu na ya halali kwa hofu kwamba utendaji utasumbuliwa. Mipira ya CSS haziongeze usani mkubwa kwa hati. Unahitaji kuongeza TONS ya mistari ya maoni ili athari kubwa kwa ukubwa wa faili ya CSS. Kuongezea maoni machache katika CSS yako haipaswi kukupa athari hasi hasi kwenye kasi ya ukurasa.

Mwishoni, utahitaji kupata usawa kati ya maoni ya manufaa na maoni mengi sana ili kupata faida za nyaraka zako za CSS.

Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard mnamo 7/5/17