Machapisho ya ndani, yaliyoingia na ya nje ya nje: Hapa ndio unayohitaji kujua
Uendelezaji wa tovuti ya mwisho wa mwisho mara nyingi hufanyika kama chombo cha-3 chati. Miguu haya ni kama ifuatavyo:
Mguu wa pili wa Karatasi za Sinema, CSS au Cascading Style, ni nini tunaangalia hapa leo. Hasa, tunataka kushughulikia aina tatu za mitindo unaweza kuongeza hati.
- Mitindo ya ndani
- Mitindo iliyoingizwa
- Mitindo ya nje
Kila aina ya mitindo ya CSS ina faida na vikwazo, basi hebu tuangalie zaidi kila mmoja wao.
Mitindo ya ndani
Mitindo ya ndani ni mitindo ambayo imeandikwa moja kwa moja kwenye lebo katika hati ya HTML. Mitindo ya ndani inathiri tu tag maalum ambayo hutumiwa. Hapa ni mfano wa mtindo wa ndani unaotumiwa kwenye kiungo cha kawaida, au nanga, tag:
Utawala huu wa CSS utageuka kiwango cha kupambanua mapambo ya maandishi mbali ya kiungo hiki kimoja. Haiwezi, hata hivyo, kubadilisha kiungo kingine chochote kwenye ukurasa. Hii ni moja ya mapungufu ya mitindo ya ndani. Kwa kuwa hubadilika tu kwenye kipengee fulani, unahitaji kutawanya HTML yako na mitindo hii kufikia muundo halisi wa ukurasa. Hiyo siyo mazoezi bora. Kwa kweli, ni hatua moja iliyoondolewa kutoka siku za vitambulisho "font" na mchanganyiko wa muundo na mtindo katika kurasa za wavuti.
Mitindo ya ndani pia ina maalum sana.
Hii inafanya kuwa vigumu sana kuziandika na mitindo mingine, isiyo na inline. Kwa mfano, ikiwa unataka kufanya tovuti ya msikivu na kubadili jinsi kipengele kinaangalia vipengele fulani kwa kutumia maswali ya vyombo vya habari , mitindo ya ndani ya kipengele itafanya kuwa vigumu sana kufanya hivyo.
Hatimaye, mitindo inline ni sahihi tu wakati unatumiwa sana sana.
Kwa kweli, mara chache mimi hutumia mitindo ya ndani kwenye tovuti zangu.
Mitindo iliyoingizwa
Mitindo iliyoingizwa ni mitindo ambayo imeingizwa kwenye kichwa cha hati. Mitindo iliyoshirikiwa huathiri tu tags kwenye ukurasa ambao wameingia. Mara nyingine tena, mbinu hii inakataza nguvu moja ya CSS. Tangu kila ukurasa ingekuwa na mitindo katika
, ikiwa unataka kufanya mabadiliko ya tovuti, kama kubadilisha rangi ya viungo kutoka nyekundu hadi kijani, unahitaji kufanya mabadiliko haya kila ukurasa, kwani kila ukurasa hutumia karatasi iliyochapishwa. Hii ni bora kuliko mitindo ya ndani, lakini bado ni shida katika matukio mengi.
Majarida ya maandishi yaliyoongezwa kwenye
ya waraka pia kuongeza kiasi kikubwa cha msimbo wa markup kwa ukurasa huo, ambayo pia inaweza kufanya ukurasa kuwa vigumu kusimamia baadaye.
Faida ya karatasi zilizochapishwa ni kwamba mzigo mara moja na ukurasa peke yake, badala ya kuhitaji faili zingine za nje ziingizwe. Hii inaweza kuwa faida kutokana na kasi ya kupakua na mtazamo wa utendaji .
Majarida ya Sinema ya Nje
Wengi tovuti leo hutumia karatasi za mtindo wa nje. Mitindo ya nje ni mitindo ambayo imeandikwa kwenye hati tofauti na kisha imeunganishwa kwenye hati mbalimbali za wavuti. Majarida ya mtindo wa nje yanaweza kuathiri waraka wowote ambao umeunganishwa, ambayo inamaanisha kuwa kama una tovuti ya ukurasa wa 20 ambapo kila ukurasa hutumia karatasi ya mtindo sawa (hii ni kawaida jinsi ya kufanywa), unaweza kubadilisha mabadiliko kwa kila mmoja ya kurasa hizo kwa kubadilisha tu karatasi ya mtindo.
Hii inafanya usimamizi wa tovuti wa muda mrefu iwe rahisi zaidi.
Kikwazo kwa karatasi za mtindo wa nje ni kwamba zinahitaji kurasa za kupakua na kupakia faili hizi za nje. Si kila ukurasa utatumia kila mtindo kwenye karatasi ya CSS, kurasa nyingi zitaziba ukurasa wa CSS mkubwa zaidi kuliko unahitaji.
Ingawa ni kweli kwamba kuna utendaji ulioathiriwa na faili za nje za CSS, kwa hakika hupunguzwa. Kwa kweli, faili za CSS ni faili tu ya maandishi, kwa hiyo sio kubwa sana kuanzia. Ikiwa tovuti yako yote inatumia faili ya CSS 1, pia hupata faida ya waraka huo kuwa cached baada ya kupakia awali.
Hii inamaanisha kuwa kunaweza kuwa na utendaji mdogo uliopatikana kwenye ukurasa wa kwanza baadhi ya ziara, lakini kurasa zifuatazo zitatumia faili ya CSS iliyohifadhiwa, hivyo hit yoyote ingepuuzwa. Faili za nje za CSS ni jinsi ninavyojenga mtandao wangu wote.