Kuna njia kadhaa ambazo unaweza kutumia mitindo ya CSS kwenye ukurasa wa wavuti, ikiwa ni pamoja na karatasi za mtindo wa nje au hata mitindo ya ndani . Ikiwa unatumia karatasi ya nje ya mtindo, ni njia iliyopendekezwa ya kulazimisha kuangalia na kujisikia kwa hati ya HTML, mbinu moja ni kutumia @import.
Sheria ya @import inakuwezesha karatasi muhimu za mtindo wa nje katika waraka wako - ama kwenye ukurasa wa HTML au hata kwenye hati nyingine za CSS. Kuvunja mitindo mingi ndani ya idadi ndogo ndogo, zilizolenga (moja kwa ajili ya mpangilio, moja kwa uchapaji , moja kwa picha, nk) wakati mwingine zinaweza iwe rahisi kuwezesha faili hizo na mtindo tofauti ambao wanao. Ikiwa unataka kufurahia faida hiyo, kisha kuagiza faili hizo mbalimbali ni nini utahitaji kufanya ili kuwafanya wote wanaofanya kazi kwa ajili ya kuonyesha ukurasa wako wa wavuti.
Kuingiza ndani ya HTML
Ili kutumia utawala wa @import katika HTML yako, utaongeza yafuatayo kwa
:
@import url ("/ mitindo / default.css");
Nambari hii ingeweza sasa kuingiza karatasi hii ya mtindo kwa matumizi kwenye ukurasa huu wa HTML na unaweza kusimamia mitindo yako yote katika faili moja. Kushindwa kwa mitindo muhimu kwa njia hii ni kwamba njia hii hairuhusu faili zinazofanana. Ukurasa unapaswa kupakua stylesheet nzima kabla ya kuendelea kwenye ukurasa wote, ikiwa ni pamoja na faili zingine za CSS unazoingiza kwa njia hii.Hii itakuwa na athari mbaya kwenye kasi ya ukurasa wako na kupakua utendaji. Kuzingatia jinsi ufanisi wa ukurasa unavyofanikiwa kwenye tovuti ya leo, mafanikio haya pekee yanaweza kuwa sababu unataka kuepuka kutumia @import.
Mbinu mbadala
Kama mbadala ya kutumia @import katika HTML yako, unaweza kuunganisha na faili hiyo ya CSS kama hii:
Kazi hii ni sawa na @import kwa kuwa inakuwezesha kusimamia CSS yako yote kutoka eneo moja / file, lakini njia hii inafaa kutoka kwa mtazamo wa kupakua. Ikiwa unafanya bado unataka sehemu ya mitindo tofauti katika faili tofauti, unaweza kuendelea kufanya hivyo na kutumia @import utendaji ndani ya faili yako CSS master. Hii inamaanisha kuwa faili zako za nje za CSS bado zinaweza kusimamiwa moja kwa moja, lakini kwa vile wote huingiza ndani ya CSS moja, ufanisi umeboreshwa.
Kuingiza ndani ya CSS
Kutumia mfano mfano hapo juu ingeweza kuleta faili "default.css" ili kutumia kwenye ukurasa wako wa HTML. Ndani ya faili hiyo ya CSS, ungekuwa na mitindo yako ya ukurasa tofauti. Unaweza kuwa na mitindo yote ya kina kwenye ukurasa huo, au unaweza kutumia @import ili kuwapiga kwa uwazi rahisi. Mara nyingine tena, hebu sema kwamba tunatumia faili 4 tofauti za CSS - moja kwa mpangilio, moja kwa uchapaji, na moja kwa picha. Faili ya nne ni faili yetu "bwana" ambayo ni ukurasa wetu unaounganisha (kwa mfano huu, hii ni "default.css"). Kwa juu sana ya faili ya CSS ya bwana tunaweza kuongeza sheria zilizoonyeshwa hapo chini:
@import url ('/ mitindo / layout.css');
@import url ('/ mitindo / aina.css');
@import url ('/ mitindo / images.css');
Kumbuka kwamba sheria hizi zinapaswa kuwa kabla ya maudhui mengine yote kwenye faili yako ya CSS ili waweze kufanya kazi. Huwezi kuwa na mtindo mwingine wa CSS kabla ya sheria hizi za kuagiza!
Chini ya sheria hizo za kuagiza, unaweza kuongeza yoyote ya mitindo ya CSS unayotaka kuwa na karatasi yako ya default. Wakati faili kuu ya CSS imefungwa, itaanza kuingiza faili hizi tofauti na kuongeza mitindo yao kwa juu kabisa ya stylesheet. Kisha itakuwa na mitindo yako yote chini ya wale walioagizwa, kuunda faili kamili ya CSS ambayo mtumiaji wa kivinjari atatumia kuonyesha tovuti yako. Unapata faida ya kusimamia faili ndogo, zilizolenga wakati bado una stylesheet moja inayohusishwa na HTML hiyo.
Kutumia & # 64; kuagiza kwa Maswali ya Vyombo vya Habari
Jambo moja unaweza kufikiria kufanya hivyo kutenganisha maswali ya vyombo vya habari vya tovuti yako kwa mitindo ya tovuti ya msikivu katika faili tofauti. Kwa sababu mitindo hii ya msikivu inaweza kuchanganyikiwa wakati inavyoonekana pamoja na sheria zingine za mtindo wa tovuti yako, kuwa na wao pekee kwenye faili tofauti inaweza kuvutia. Kutoa moja kwa njia hii ni kwamba, tangu sheria zako @import lazima iwe ya kwanza, hii inamaanisha kwamba maswali yako ya vyombo vya habari yanaweza kubeba kabla ya mitindo ya tovuti yako yote. Wakati wa kujenga tovuti ya kwanza ya msikivu ambayo inachukua utendaji katika akaunti, hii inawezekana kuwa tatizo.Kwa sababu hii, inashauriwa kwamba usifanye mitindo ya msikivu wa tovuti yako tofauti na kutumia @import kuwaleta kwenye tovuti yako. Ndiyo, kunaweza kuonekana kuwa na manufaa ya kufanya hivyo, lakini vikwazo huzidi faida hizo.
Ninahitaji kutumia & # 64; kuagiza?
Hapana, huna. Tovuti nyingi zinaonyesha mitindo yao yote kuu ndani ya faili moja na, kama kubwa kama faili hiyo inaweza kuwa, inasimamiwa kwa njia hiyo (hii ni jinsi ninavyofanya kazi yangu mwenyewe). Ikiwa unapata @import kusaidia, basi inaweza kuwa sehemu ya uendeshaji wako wa kazi. Vinginevyo, unaweza kuunda salama za wavuti ambazo yako ya stylesheet moja ya sheria zako zote za CSS.
Msaada wa Vivinjari
Vivutio vya kale sana, vina shida na baadhi ya haya @import sheria, lakini hizi browsers ni uwezekano kuwa kuwa shida kwa ajili yenu siku hizi. Hii ni kweli hasa sasa kwamba mwisho wa maisha ya mwisho wa matoleo ya zamani ya Internet Explorer yamepita. Hatimaye, ukiamua kutumia @import sheria katika HTML yako au CSS, unapaswa si kukimbia katika masuala na urithi matoleo ya browsers mtandao isipokuwa una haja ya ajabu ya kusaidia matoleo ya zamani ya zamani ya IE.
Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard.