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

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

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

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

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

<p class="error large">
	lorem ipsum
</p>

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

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

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

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