Video: Kas ir mixin CSS?
2024 Autors: Lynn Donovan | [email protected]. Pēdējoreiz modificēts: 2023-12-15 23:50
Maisījumi . A sajaucot ļauj izveidot grupas CSS deklarācijas, kuras vēlaties atkārtoti izmantot visā savā vietnē. Jūs pat varat nodot vērtības, lai padarītu jūsu sajaucot elastīgāks. Labi izmantot a sajaucot ir paredzēts pārdevēja prefiksiem.
Attiecīgi, kā izmantot Mixins CSS?
Izveidojot maisījumi izmantojot @ sajaucot noteikums Maisījumi ļauj dokumentu autoriem definēt īpašuma vērtību pāru modeļus, kurus pēc tam var atkārtoti izmantot citās noteikumu kopās. The sajaucot nosaukums ir klases atlasītājs, kas identificē sajaucot tiek deklarēts. @ sajaucot atslēgvārdam ir jāseko sajaucot nosaukums un deklarācijas bloks.
Turklāt, kas ir Mixins SCSS? Maisījumi ļauj definēt stilus, kurus var atkārtoti izmantot visā stila lapā. Tie ļauj viegli izvairīties no tādu bezsemantisku klašu kā. float-left un izplatīt stilu kolekcijas bibliotēkās. A miksēšanas nosaukums var būt jebkurš Sass identifikators, un tas var saturēt jebkuru paziņojumu, izņemot augstākā līmeņa paziņojumus.
Saistībā ar to, kā jūs izmantojat Mixins?
Uz izmantot a Sajauc , mēs vienkārši izmantot @include, kam seko nosaukums Sajauc un semikolu. Pēc šī SCSS koda kompilēšanas CSS formātā mūsu CSS failam vajadzētu izskatīties šādi.
Kāpēc jūs izmantotu maisījumu?
Sajauc . Maisījumi veicināt koda atkārtotu izmantošanu un var būt pieraduši izvairieties no mantojuma neskaidrības, ka vairākkārtējs mantojums var cēlonis ("dimanta problēma"), vai uz novērst atbalsta trūkumu daudzkārtējai mantošanai valodā. A mixin var var uzskatīt arī par saskarni ar ieviestajām metodēm.
Ieteicams:
Kas ir bloķēt CSS?
Bloka līmeņa elementi Bloka līmeņa elements vienmēr sākas ar jaunu līniju un aizņem visu pieejamo platumu (izstiepjas pa kreisi un pa labi, cik vien iespējams). Elements ir bloka līmeņa elements. Bloku līmeņa elementu piemēri:
Kas ir procenti CSS?
CSS datu tips ir procentuālā vērtība. To bieži izmanto, lai definētu izmēru attiecībā pret elementa vecākobjektu. Daudzos īpašumos var izmantot procentus, piemēram, platumu, augstumu, malu, polsterējumu un fonta lielumu
Kā jūs ignorētu īpašumu, kas tiek mantots CSS?
Mantotā īpašuma kārtula Mantojums ļauj pakārtotajam elementam mantot stilus no vecākelementa. Ja mums ir jāignorē mantotie stili, to var viegli izdarīt, atlasot mūsu CSS bērna elementu. Iepriekšējā piemērā mēs redzējām, kā avota secība noteica blokquote elementa fona krāsu
Kas ir krāsu pārmantošana CSS?
CSS mantošana darbojas pēc īpašuma principa. Lietojot dokumenta elementam, rekvizīts ar vērtību “inherit” izmantos to pašu vērtību, kāda šim īpašumam ir vecākajam elementam. Div elementa fona krāsa ir balta, jo rekvizīta fona krāsa ir iestatīta uz baltu
Kas ir bērns CSS?
CSS Child vs Descendant atlasītāji. Bērnu atlasītājs: Bērnu atlasītājs tiek izmantots, lai saskaņotu visus elementus, kas ir norādītā elementa pakārtotie elementi. Tas dod attiecības starp diviem elementiem. Operands > kreisajā pusē ir vecākais, bet labajā pusē esošais operands ir bērnu elements