CSS, au Majarida ya Sinema ya Nyaraka, ni nini kinachotumiwa katika kubuni ya kisasa ya tovuti ili kuomba kuangalia kwa ukurasa. Wakati HTML inafanya muundo wa ukurasa na Javascript inaweza kushughulikia tabia, kuangalia na kujisikia kwa tovuti ni uwanja wa CSS. Linapokuja mitindo hii, mara nyingi hutumiwa kutumia karatasi za mtindo wa nje, lakini unaweza pia kutumia mitindo ya CSS kwa kipengele kimoja, maalum kwa kutumia kile kinachojulikana kama "mitindo inline."
Mitindo ya ndani ni mitindo ya CSS ambayo hutumiwa moja kwa moja kwenye HTML ya ukurasa. Kuna faida na hasara kwa njia hii. Kwanza, hebu tuangalie jinsi mitindo hii imeandikwa.
Jinsi ya Kuandika Style ya Inline
Ili kuunda mtindo wa CSS wa ndani, unaanza kwa kuandika mali yako ya mtindo sawa na jinsi unavyotaka kwenye karatasi ya mtindo, lakini inahitaji kuwa mstari mmoja. Tofauti mali nyingi na semicoloni kama vile ungependa katika karatasi ya mtindo.
background: #ccc; rangi: #fff; mpaka: imara nyeusi 1px;
Weka kuwa mstari wa mitindo ndani ya sifa ya mtindo wa kipengele unachotaka kuwa styled. Kwa mfano, ikiwa unataka kutumia mtindo huu kwa aya katika HTML yako, kipengele hicho kitaonekana kama hii:
Katika mfano huu, aya hii itaonekana na historia ya kijivu nyekundu (ndiyo ambayo #ccc itatoa), maandishi nyeusi (kutoka kwenye rangi ya # 000), na kwa mpaka wa 1-pixel imara nyeusi karibu na pande zote nne za aya .
Faida za Styles za Inline
Shukrani kwa msimu wa Mitindo ya Kisasa ya Sinema ya Kifahari ina utangulizi juu au hati maalum katika waraka. Hii inamaanisha kuwa yatatumika bila kujali chochote kingine kilichowekwa katika stylesheet yako ya nje (kwa ubaguzi mmoja kuwa mitindo yoyote ambayo hupewa tamko muhimu la karatasi, lakini hii siyo kitu kinachopaswa kufanyika katika maeneo ya uzalishaji ikiwa ni inaweza kuepukwa).
Mitindo pekee iliyo na utaratibu wa juu kuliko mitindo ya inline ni mitindo ya mtumiaji inatumiwa na wasomaji wenyewe. Ikiwa una shida kupata mabadiliko yako kuomba, unaweza kujaribu kuweka mtindo wa ndani kwenye kipengele. Ikiwa mitindo bado haionyeshi kwa kutumia mtindo wa ndani, unajua kuna kitu kingine kinachoendelea.
Mitindo ya ndani ni rahisi na ya haraka kuongeza na huna haja ya kuwa na wasiwasi juu ya kuandika chaguo sahihi CSS tangu unapoongeza mitindo moja kwa moja kwenye kipengele unachokibadilika (kipengele hicho kimsingi huchagua mchezaji anayeweza kuandika kwenye karatasi ya mtindo wa nje ). Huna haja ya kuunda hati mpya (kama na karatasi za mtindo wa nje) au hariri kipengee kipya kwenye kichwa cha hati yako (kama na karatasi za ndani). Unaongeza tu sifa ya mtindo ambayo halali kwenye kila kipengele cha HTML. Hizi ni sababu zote kwa nini unaweza kujaribiwa kutumia mitindo ya ndani, lakini lazima pia ujue na hasara kubwa sana kwa njia hii.
Hasara za Mitindo ya Inline
Kwa sababu mitindo ya ndani ni ya pekee zaidi katika msimu, yanaweza kukimbia zaidi mambo ambayo hukusudia. Pia hupoteza moja ya mambo yenye nguvu zaidi ya CSS - uwezo wa kura ya mtindo na kura za kurasa za wavuti kutoka kwenye faili moja kati ya CSS ili kufanya sasisho za baadaye na mtindo mabadiliko iwe rahisi sana kusimamia.
Ikiwa unatakiwa kutumia mitindo ya inline tu, nyaraka zako zingekuwa zimezuiwa haraka na ngumu sana kudumisha. Hii ni kwa sababu mitindo ya ndani inapaswa kutumika kwa kila kipengele unachotaka. Kwa hiyo ikiwa unataka kifungu chako cha wote kuwa na familia ya font "Arial", unapaswa kuongeza mtindo wa ndani kwa lebo
kwenye hati yako. Hii inaongeza kazi zote za matengenezo kwa mtengenezaji na muda wa kupakua kwa msomaji tangu unahitaji kubadilisha hii kila ukurasa kwenye tovuti yako ili kubadilisha familia hiyo ya font. Vinginevyo, ikiwa unatumia stylesheet tofauti, unaweza kubadilisha kwenye doa moja na kila ukurasa utapata sasisho hilo.
Kweli, hii ni hatua ya kurudi kwenye kubuni ya wavuti - kurudi siku za lebo !
Vikwazo vingine vya mitindo ya ndani ni kwamba haiwezekani mtindo wa vipengele vya pseudo na-mikoa pamoja nao. Kwa mfano, na karatasi za mtindo wa nje , unaweza kutaja alama ya kutembelea, hover, kazi, na kiungo ya lebo ya nanga, lakini kwa mtindo wa ndani, kila unachoweza mtindo ni kiungo yenyewe, kwa sababu hiyo ndiyo sifa ya mtindo iliyounganishwa na .
Hatimaye, tunapendekeza si kutumia mitindo inline kwa kurasa zako za wavuti kwa sababu zinasababisha matatizo na kufanya kurasa kazi nyingi zaidi kudumisha. Wakati tu tunayotumia ni wakati tunataka kuangalia style haraka wakati wa maendeleo. Mara tu tumeipata kuangalia kwa kipengele hicho kimoja, tunaiingiza kwa karatasi yetu ya mtindo wa nje.
Makala ya kimwili na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard.