CSS အတန်းအမျိုးမျိုးရှိသော အစိတ်အပိုင်း

CSS အတန်းအမျိုးမျိုးကို တစ်ပြိုင်နက် tag တစ်ခုခုအတွက် သတ်မှတ်နိုင်ပါသည်။ ဤသို့ပြုလုပ်ရန် class attribute အတွင်း၌ ထိုအတန်းများကို ကြားခံနေရာဖြင့် စာရင်းပြုစုရပါမည်။

ဥပမာတစ်ခုဖြင့် ကြည့်ရအောင်။ ကျွန်ုပ်တို့တွင် CSS အတန်းအချို့ရှိသည်ဆိုပါစို့။

css.error {
  color: red;
}
.large {
  font-size: 30px;
  font-family: Arial;
}

အတန်းတစ်ခုနှင့် ဒုတိယအတန်းကို စာပိုဒ်တစ်ခုအတွက် သတ်မှတ်ကြပါစို့။

html<p class="error large">
  lorem ipsum
</p>
Задание 1

သင့်တွင် အောက်ပါအတန်းများ ရှိသည်ဆိုပါစို့။

css.success {
  color: green;
}
.error {
  color: red;
}
.large {
  font-size: 30px;
}
.small {
  font-size: 20px;
}

သင့်တွင် စာပိုဒ် 4 ပိုဒ်လည်း ရှိပါစေ။ ပြသထားသောအတန်းများကို အသုံးပြု၍ ပထမစာပိုဒ်သည် စိမ်းလန်းပြီး စာလုံးအရွယ်အစားကြီးမားစေရန်၊ ဒုတိယစာပိုဒ်သည် အနီရောင်နှင့် စာလုံးအရွယ်အစားသေးငယ်စေရန်၊ တတိယစာပိုဒ်သည် အနီရောင်နှင့် စာလုံးအရွယ်အစားကြီးမားစေရန်၊ စတုတ္ထစာပိုဒ်သည် စိမ်းလန်းပြီး စာလုံးအရွယ်အစားသေးငယ်စေရန် ပြုလုပ်ပါ။

Задание 2

3 ခုသော အတန်းအချို့ကို တီထွင်ပြီး ဖန်တီးပါ။ သင့်ကိုယ်ပိုင်တီထွင်ထားသော အတန်းသုံးခုလုံးကို တစ်ပြိုင်နက် tag တစ်ခုခုအတွက် သတ်မှတ်ပါ။