Sass အကျဉ်း

您应该知道的

在继续之前，您应该对以下内容有基本的了解：

  • HTML
  • CSS

如果您想先学习这些科目，请在我们的 ပင်မ စားပွားရုံ အခြေခံ ဖော်ပြချက် အား ကျွန်ုပ်တို့၏ ဝတ္ထု တွင် ကျွန်ုပ်တို့သည် သင့်ကို ပြန်လည် ရှာဖွေနိုင်သည်။

ဘာကြောင့် Sass ကို အသုံးပြုရန်လဲ၊

  • Sass သည် Syntactically Awesome Stylessheet (အစိတ်အခုဲ့ ဖြင့် အရေးပါသော အစီအစဉ်)
  • Sass သည် CSS အပိုင်းအစား ဖြစ်သည်။
  • Sass သည် CSS အသုံးပြုသူ ဖြစ်သည်။
  • Sass သည် အားလုံး အမျိုးအစား ရှိသော CSS အပြောင်းအလဲ နှင့် အတူ ပတ်သက်ပြီး၊ အသုံးပြုနိုင်သည်။
  • Sass သည် CSS ကို ပြန်လည် အသုံးပြုပြီး၊ အချက်အလက် အချင်းသား အား လျှော့ကျစေသည်။
  • Sass ကို Hampton Catlin က ပန်ထားခဲ့ ပြီး၊ နှင့် Natalie Weizenbaum က 2006 ခုနှစ်တွင် စတင်ပေါ်ပေါ်လာခဲ့သည်။
  • Sass ကို အခွင့်အရေးမဲ့ အောင်မြင်ခဲ့သည်။

Sass ကို အသုံးပြုရန် ဘာကြောင့်လဲ၊

အချက်အလက် အချင်းသား အရင်းအမြစ် အရောင် အား အသုံးပြုပြီး၊ အရင်းအမြစ် အရောင် အား ပြောင်းလဲလျှင် အသုံးပြုရသော အရောင် အား ပြန်လည် နှုတ်ခတ် လိမ့်မည်။

Sass သည် အသုံးပြုနိုင်သော အရောင်အထိမ်းအရေးအား ပြင်းထန်စွာ ပြောင်းလဲစေသည်။ ပုံစံအချက်အလက် အရင်းအမြစ် အမှတ် အား အသုံးပြုပြီး၊ အခြား အရောင် အား ပြောင်းလဲလျှင် သင်သည် အခြား အရောင် အား ပြန်လည် နှုတ်ခတ် လိမ့်မည်။

Sass အတွက် အသုံးပြုသော အကျယ်အဝန်း အကျိုးသက်ရှိ သော ပုံစံ

ကျွန်ုပ်တို့သည် အခြေခံ အရောင် အတွက် အသုံးပြုသော ဝတ္ထု တစ်ခု ရှိသည်။

#a2b9bc
#b2ad7f
#878f99

ထိုမှာ သင်သည် HEX အမှတ် အား နှုတ်ခတ် သင့်လျှင် စားပွားလာပါတယ်။ အတူတူ အရောင် ပြောင်းလဲလျှင် မည်မှာလဲ၊

သင်သည် Sass ကို အသုံးပြု၍ အရင်းအမြစ် အမှတ် အား ပြန်လည် နှုတ်ခတ် လိမ့်မည်။

Sass အများပြား

/* အရင်းအမြစ် အရောင် အမှတ် အား အသုံးပြုတာ */
$primary_1: #a2b9bc;
$primary_2: #b2ad7f;
$primary_3: #878f99;
/* အက္ခရာ */
.main-header {
  background-color: $primary_1;
}
.menu-left {
  background-color: $primary_2;
}
.menu-right {
  background-color: $primary_3;
}

ထိုမှာ၊ Sass ကို အသုံးပြုချိန်တွင်၊ အရင်းအမြစ် အရောင် ပြောင်းလဲလျှင်၊ သင်သာ တစ်နေရာတွင် ပြောင်းလဲပါ။

Sass 是如何工作的？

ဘရောက်လာသူ အကျဉ်းအကျဉ်း မရတူသည်။ အရေးပါသည့် Sass ပြင်ဆင်သူ အား အသုံးပြုပါ။

အကြောင်းအရာ အသုံးပြုခြင်း သည် အသုံးပြုခြင်း အား ပြင်ဆင်သည် ဟု ခေါ်သည်။ အကြောင်းအရာ ပြင်ဆင်သူ (အကျဉ်းအကျဉ်း ပြင်ဆင်သူ) အား Sass အကျဉ်းအကျဉ်း ပြင်ဆင်ခြင်း ပြုပါ နှင့် ပြင်ဆင်သည် ပြန်လည်ရယူပါ။

အကြိမ်တည်းအသုံးပြုခြင်း သည် တစ်စက်လုံး အကျဉ်းအကျဉ်း ပြင်ဆင်ခြင်း အား ပြင်ဆင်/သုံးစွဲခြင်း အား အသုံးပြုသော အကြောင်းအရာ

Sass ဖိုင် အမျိုးအစား

Sass ဖိုင် အပိုက်အချက် ဖြစ်သည် ".scss"。

Sass အစက်ပြ�

Sass အခြေခံ ဘရောက်လာသူ အစက်ပြု /* အစက်ပြု */တောင်မှာ အပြင်ဘား အစက်ပြု ကို ထောက်ပံ့ // အစက်ပြု:

Sass အများပြား

/* အခြေခံ အရောင် */
$primary_1: #a2b9bc;
$primary_2: #b2ad7f;
/* အက္ခရာ */
.main-header {
  background-color: $primary_1; // အပြင်ဘားမှ အစက်ပြုနိုင်
}