Mixin CSS ni nini?
Mixin CSS ni nini?

Video: Mixin CSS ni nini?

Video: Mixin CSS ni nini?
Video: 🚨 MIXIN en SCSS: Mixin de Flex, Mixin de Grid y Mixin Media Quieres en SASS 🚨 *DESCÁRGATE el código* 2024, Novemba
Anonim

Mchanganyiko . A mchanganyiko inakuwezesha kuunda vikundi CSS matamko ambayo ungependa kutumia tena katika tovuti yako yote. Unaweza hata kupita katika maadili kufanya yako mchanganyiko rahisi zaidi. Matumizi mazuri ya a mchanganyiko ni kwa viambishi awali vya muuzaji.

Sambamba, ninatumiaje Mixins katika CSS?

Kuunda mchanganyiko kupitia @ mchanganyiko kanuni Mchanganyiko ruhusu waandishi wa hati kufafanua ruwaza za jozi za thamani ya mali, ambazo zinaweza kutumika tena katika kanuni zingine. The mchanganyiko name ni kichaguzi cha darasa kinachotambulisha mchanganyiko kutangazwa. @ mchanganyiko neno kuu lazima lifuatwe na mchanganyiko jina na kizuizi cha tangazo.

Kwa kuongeza, Mchanganyiko ni nini katika SCSS? Mchanganyiko hukuruhusu kufafanua mitindo ambayo inaweza kutumika tena katika laha yako yote ya mitindo. Wanafanya iwe rahisi kuzuia kutumia madarasa yasiyo ya kisemantiki kama. float-left, na kusambaza mikusanyiko ya mitindo katika maktaba. A mchanganyiko jina linaweza kuwa lolote Sass kitambulisho, na inaweza kuwa na taarifa yoyote isipokuwa taarifa za kiwango cha juu.

Kuhusiana na hili, unatumiaje Mixins?

Kwa kutumia a Mchanganyiko , sisi kwa urahisi kutumia @ ni pamoja na ikifuatiwa na jina la Mchanganyiko na nusu koloni. Baada ya kukusanya msimbo huu wa SCSS katika CSS, faili yetu ya CSS inapaswa kuonekana hivi.

Kwa nini utumie mchanganyiko?

Mchanganyiko . Mchanganyiko kuhimiza matumizi ya msimbo na unaweza kuwa inatumika kwa epuka utata wa urithi kwamba urithi mwingi unaweza sababu ("tatizo la almasi"), au kwa shughulikia ukosefu wa usaidizi wa urithi mwingi katika lugha. A mchanganyiko unaweza pia kutazamwa kama kiolesura chenye mbinu zinazotekelezwa.

Ilipendekeza: