Ano ang mixin CSS?
Ano ang mixin CSS?

Video: Ano ang mixin CSS?

Video: Ano ang mixin CSS?
Video: Write less code with these Sass mixins 2024, Mayo
Anonim

Mixins . A mixin hinahayaan kang gumawa ng mga pangkat ng CSS mga deklarasyon na gusto mong gamitin muli sa iyong site. Maaari ka ring pumasa sa mga halaga upang gawin ang iyong mixin mas nababaluktot. Isang mabuting paggamit ng a mixin ay para sa mga prefix ng vendor.

Kaugnay nito, paano ko magagamit ang Mixins sa CSS?

Lumilikha mixins sa pamamagitan ng @ mixin tuntunin Mixins payagan ang mga may-akda ng dokumento na tukuyin ang mga pattern ng mga pares ng halaga ng ari-arian, na maaaring magamit muli sa iba pang mga ruleset. Ang mixin Ang pangalan ay isang tagapili ng klase na nagpapakilala sa mixin idineklara. Ang @ mixin keyword ay dapat na sinundan ng mixin pangalan at isang bloke ng deklarasyon.

Bilang karagdagan, ano ang Mixins sa SCSS? Mixins nagbibigay-daan sa iyong tumukoy ng mga istilo na maaaring magamit muli sa kabuuan ng iyong stylesheet. Ginagawa nilang madali ang pag-iwas sa paggamit ng mga non-semantic na klase tulad ng. float-left, at upang ipamahagi ang mga koleksyon ng mga istilo sa mga aklatan. A ni mixin pangalan ay maaaring maging anuman Sass identifier, at maaari itong maglaman ng anumang pahayag maliban sa mga pahayag sa nangungunang antas.

Tungkol dito, paano mo ginagamit ang Mixins?

Upang gamitin a Mixin , kami lang gamitin @include na sinusundan ng pangalan ng Mixin at isang semi-colon. Pagkatapos i-compile ang SCSS code na ito sa CSS, dapat ganito ang hitsura ng aming CSS file.

Bakit ka gagamit ng mixin?

Mixin . Mixins hikayatin ang muling paggamit ng code at pwede maging dati iwasan ang inheritance ambiguity na multiple inheritance pwede sanhi (ang "problema ng brilyante"), o sa ayusin ang kakulangan ng suporta para sa maramihang pamana sa isang wika. A lata ng mixin tingnan din bilang isang interface na may mga ipinatupad na pamamaraan.

Inirerekumendang: