Ba'a iyakance ku ba a guda ɗaya CSS a kowane nau'i.
Fayilolin Cascading Style (CSS) ba ka damar ƙayyade bayyanar sashi ta hanyar haɗawa cikin halayen da kake amfani da shi. Waɗannan halayen zasu iya kasancewa ko ID ko ɗalibai kuma, kamar duk halayen, sun ƙara bayani mai amfani ga abubuwan da suke haɗe zuwa. Dangane da wane nau'in da kake ƙarawa zuwa wani kashi, za ka iya rubuta mai zaɓaɓɓen CSS don amfani da hanyoyin da ake buƙatar da ake bukata don cimma burinsu da jin dadin wannan abu da kuma shafin yanar gizon.
Yayinda ko dai ID ko ɗalibai sunyi aiki don ƙaddamar da su cikin ka'idoji na CSS, shafukan yanar gizo na yau da kullum suna nuna fifiko a kan abubuwan ID, a wani ɓangare, saboda ba su da cikakkun takamaiman sauƙi don aiki tare. Haka ne, har yanzu za ku sami shafukan da yawa da suke amfani da ID, amma waɗannan alamomi suna amfani da su fiye da baya yayin da lokuta a cikin shafukan yanar gizon zamani.
Makarantu ɗaya ko Multiple a CSS?
A mafi yawancin lokuta za ka sanya nau'in sifa guda ɗaya zuwa wani kashi, amma ba za a iyakance ka ba kawai a ɗayan ɗayan da suke hanyar da kake tare da ID. Duk da yake wani ɓangaren zai iya samun nau'in ID kawai, za ka iya ba da wani nau'i na nau'i daban-daban kuma, a wasu lokuta, yin haka zai sa shafinka ya fi dacewa da salon da kuma mafi sauƙi!
Idan kana buƙatar sanya ɗakunan da yawa zuwa kashi, za ka iya ƙara ƙarin ɗalibai kuma ka raba su da sarari a cikin alamarka.
Alal misali, wannan sakin layi yana da nau'i uku:
alamar layi da aka bari "> Wannan zai zama rubutu na sakin layi
Wannan ya sanya nau'o'i uku masu zuwa a kan sakin layi:
- Pullquote
- Featured
- Hagu
Yi la'akari da sarari tsakanin kowane ɗayan waɗannan darajoji. Wadannan wurare shine abin da ya sanya su a matsayin daban-daban, ɗayan ɗalibai. Wannan shi ma dalilin da ya sa sunaye sunaye ba zasu iya samun wurare a cikinsu ba, saboda yin haka zai sa su a matsayin ɗakunan daban.
Alal misali, idan kun yi amfani da "alamar hagu-hagu" ba tare da sarari ba, zai zama darajar ɗayan ɗaya, amma misali a sama, inda waɗannan kalmomi uku suka rabu da sarari, ya sanya su a matsayin dabi'u. Yana da muhimmanci a fahimci wannan mahimmanci yayin da kake yanke shawara game da wajan ajiyar da za a yi amfani da shi akan shafukan yanar gizonku.
Da zarar kana da dabi'un ajiyarka a cikin HTML, za ka iya sanya waɗannan a matsayin ɗakunan a CSS ɗin ka kuma yi amfani da tsarin da kake so ka ƙara. Misali.
.pullquote {...}
.featured {...}
p.left {...}
A cikin waɗannan misalai, shaidun CSS da nau'i nau'in nau'i nau'in zasu kasance a cikin takalmin gyare-gyare, wanda shine yadda za a yi amfani da waɗancan styles ga mai zaɓin da ya dace.
Lura - idan ka saita kundin zuwa wani takamaiman nau'i (alal misali, p.ftft), zaka iya amfani da shi a matsayin ɓangare na jerin kundin; Duk da haka, ku sani cewa zai shafi abubuwan da aka ƙayyade a cikin CSS. A wasu kalmomi, zanen layi zai yi amfani ne kawai da sakin layi tare da wannan kundin tun lokacin da mai zaɓinka ya ce ya yi amfani da shi zuwa "sakin layi tare da darajar 'hagu'". A bambanta, sauran masu zaɓi guda biyu a cikin misalin ba su ƙayyade wani ɓangare ba, don haka za su yi amfani da duk wani ɓangaren da ke amfani da waɗannan darajar kundin.
Abubuwan amfãni daga ɗakunan Kasuwanci
Yawancin nau'o'i na iya sa ya fi sauƙi don ƙara haɓaka na musamman zuwa abubuwa ba tare da an ƙirƙira sabbin sababbin layi ba don wannan ɓangaren.
Alal misali, ƙila ka so ka sami damar yin kullun abubuwa zuwa hagu ko dama da sauri. Kuna iya rubuta nau'i biyu a hagu da dama tare da tasowa: hagu; da kuma taso kan ruwa: dama; a cikinsu. Bayan haka, duk lokacin da kake da wani nau'i kana buƙatar tashi a gefen hagu, zaku ƙara nauyin "hagu" zuwa jerin jeri.
Akwai layi mai kyau don tafiya a nan, duk da haka. Ka tuna cewa shafukan yanar gizo suna nuna rabuwa da tsarin da tsarin. An tsara hanyar da ake sarrafawa ta hanyar HTML yayin da salon ke cikin CSS.
Idan rubutunku na HTML ya cika da abubuwan da duk suna da sunayen lakabi kamar "ja" ko "hagu", waɗanda sunaye sun nuna yadda abubuwa zasu duba maimakon abin da suke, kuna haye wannan layin tsakanin tsari da style. Na yi ƙoƙari na iyakance sunayen ɗakunan da ba na jimawa ba kamar yadda ya kamata saboda wannan dalili.
Makarantu da yawa, Semantics, da kuma JavaScript
Wata amfani da amfani da kundin jinsin shine cewa yana ba ka damar yin hulɗa da yawa.
Zaka iya amfani da sababbin ɗakunan zuwa abubuwan da ke ciki ta amfani da Javascript ba tare da cire wasu daga cikin ɗalibai na farko ba. Hakanan zaka iya amfani da kundin don ƙayyade alamomi na wani kashi . Wannan yana nufin za ka iya ƙara a ƙarin ɗalibai don ƙayyade abin da wannan ma'anar yana nufin saɓo. Wannan shine yadda Microformats ke aiki.
Abubuwan da ba a iya amfani da su ba
Babban hasara ga yin amfani da akasin akayi a kan abubuwa naka shine cewa zai iya sa su zama maras tabbas don dubawa da sarrafa lokaci. Yana iya zama da wuya a ƙayyade wane nau'i na shafi wani abu kuma idan wani rubutun yana tasiri shi. Yawancin hanyoyin da suke samuwa a yau, kamar Bootstrap, yin amfani da abubuwa da yawa tare da ɗalibai da yawa. Wannan lambar zai iya fita daga hannu kuma mai wuya a yi aiki tare da sauri sosai idan ba ku kula ba.
Lokacin da kake amfani da ɗalibai da yawa, zaku kuma ci gaba da hadarin kasancewa da salon don ɗayan ɗayan ɗayan kaya na wani koda kuwa ba ku yi nufin wannan ba. Wannan zai iya zama da wuya a gane dalilin da ya sa ba a amfani da tsarinka ba ko da a lõkacin da ya nuna cewa ya kamata.
Kuna buƙatar ku san ƙayyadaddun bayanai, ko da tare da halayen da ake amfani da wannan ɓangaren!
Ta amfani da kayan aiki kamar kayan aikin yanar gizon Chrome, zaku iya ganin yadda kullunku ke shafar hanyoyinku kuma ku guje wa wannan matsala na jayayya da halaye.
Labari na farko daga Jennifer Krynin. Edited by Jeremy Girard on 8/7/17