W3.CSS ပုံသေများ
W3.CSS သည် ဖတ်ရန်လွယ်ကူသည်။
W3.CSS စာမျက်နှာများသည် စာဖတ်ရန် အနည်းငယ် မသန်စွမ်းသူများအတွက်ပင် ဖတ်ရလွယ်ကူပါသည်။
- မူရင်းဖောင့်အရွယ်အစားမှာ 15px ဖြစ်သည်။
- မူရင်းဖောင့်မှာ Verdana ဖြစ်ပြီး စာလုံးအကွာအဝေးကောင်းကောင်းရှိသည်။
- default line-spacing (1.5) သည် အလွန်ကောင်းမွန်သည်။
HTML ခေါင်းစီး <h1> - <h6>
မူရင်းအားဖြင့် W3.CSS သည် HTML ခေါင်းစဉ်များကို ဤနည်းဖြင့် ပြုလုပ်သည်-
ဥပမာ
<h1>Heading 1 (36px)</h1>
<h2>Heading 2 (30px)</h2>
<h3>Heading 3 (24px)</h3>
<h4>Heading 4 (20px)</h4>
<h5>Heading 5 (18px)</h5>
<h6>Heading 6 (16px)</h6>
ဖောင့်-အရွယ်အစား အတန်းများ
ခေါင်းစီးများကို ၎င်းတို့ဖြစ်သည့်အတွက် အသုံးပြုသင့်သည်- ခေါင်းစီးများ။
W3.CSS ဖြင့်၊ ဖောင့်အရွယ်အစားများကို အောက်ပါ w3- အရွယ်အစား အတန်းများ ဖြင့် သတ်မှတ်နိုင်သည် -
ဥပမာ
w3-tiny
w3-small
w3-medium (Default)
w3-large
w3-xlarge
w3-xxlarge
w3-xxxlarge
w3-jumbo
W3.CSS ပုံသေများကို ဦးစားပေးခြင်း။
W3.CSS ၏ မူရင်းဆက်တင်များကို ပဓာနထားရန် အလွန်လွယ်ကူသည်။
သင့်တွင် အနည်းဆုံး ရွေးချယ်ခွင့်သုံးခုရှိသည်။
- သင့်စာမျက်နှာ၏ <head> ကဏ္ဍရှိ မူရင်းဆက်တင်များကို အစားထိုးပါ။
- W3.CSS ပြီးနောက် သင့်ကိုယ်ပိုင် CSS ဖိုင်ကို ထည့်ပါ။
- W3.CSS ဖိုင်၏ အကြောင်းအရာကို ဒေါင်းလုဒ်လုပ်ပြီး ပြောင်းလဲပါ။
<head> တွင် ထပ်ရေးပါ။
h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
သင်၏ကိုယ်ပိုင် CSS ကိုထည့်ပါ။
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet"
href="myStyle.css">
W3.CSS ကိုပြောင်းပါ။
h1{font-size:36px} h2{font-size:30px} h3{font-size:24px} h4{font-size:20px} h5{font-size:18px} h6{font-size:16px}
မူရင်းဖောင့်ကို ပြောင်းလဲခြင်း။
W3.CSS ကိုဖွင့်ပြီးနောက် သင့်ဝဘ်စာမျက်နှာ၏ဦးခေါင်း (သို့မဟုတ် သင့်စတိုင်စာရွက်တွင်)၊ html နှင့် စာကိုယ်ပုံစံကို ပြောင်းပါ-
ဥပမာ
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<style>
html, body, h1, h2, h3, h4, h5, h6 {
font-family: cursive, sans-serif;
}
</style>