W3.CSS ဒေါင်းလုဒ် များ
W3.CSS ကိုဒေါင်းလုဒ်လုပ်ပါ။
W3.CSS ကို ဒီလင့်ကနေ ဒေါင်းလုဒ်လုပ်ပါ- https://www.w3schools.com/w3css/4/w3.css
W3.CSS သည် အခမဲ့ဖြစ်သည်။
W3.CSS ကို အခမဲ့ အသုံးပြုနိုင်သည်။ လိုင်စင်မလိုအပ်ပါ။
W3.CSS ကိုအသုံးပြုနည်း
W3.CSS ကိုအသုံးပြုရန်၊ သင့်ဝဘ်စာမျက်နှာများတွင် "w3.css" သို့ လင့်ခ်တစ်ခုထည့်ပါ-
ဥပမာ
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://www.w3schools.com/w3css/4/w3.css">
သို့မဟုတ် w3.css ကို ဒေါင်းလုဒ်လုပ်ပြီး သင့်ကိုယ်ပိုင် ဝဘ်ဆိုက်မှ ဖွင့်ပါ-
ဥပမာ
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="w3.css">
w3.css ကို ဖိုင်တွဲခွဲတစ်ခုတွင် ထည့်ပါက၊ မျဥ်းစောင်းများကြားတွင် ဖိုဒါအမည်ကို ထည့်ပါ-
ဥပမာ
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/foldername/w3.css">
သင့်ဝဘ်၏ အမြစ်တွင် w3.css ကို ထားပါက၊ မျဥ်းစောင်းတစ်ခု ထည့်ပါ-
ဥပမာ
<!DOCTYPE html>
<html>
<title>My Web</title>
<meta
name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="/w3.css">
ပြောင်းလဲမှုမှတ်တမ်း
ဗားရှင်း 4.13 ကို ဤလင့်ခ်မှ ဒေါင်းလုဒ်လုပ်ပါ- https://www.w3schools.com/w3css/4/w3.css
| ကြည့်ပါ။ | ရက်စွဲ | ဖော်ပြချက် |
|---|---|---|
| ၄.၁၅ | ၁၂/၂၀၂၀ | w3-sans-serif w3-cursive w3-monospace ဖြင့် w3-serif ဖြည့်စွက်ထားသည် |
| ၄.၁၄ | ၁၁/၂၀၂၀ | w3-padding-top-64 w3-padding-top-48 w3-padding-top-32 w3-padding-top-24 ဖြင့် ဖြည့်စွက်ထားသည် |
| ၄.၁၃ | ၀၆/၂၀၁၉ | Normalize.css တွင် အသေးစားပြောင်းလဲမှုများနှင့် လိုက်လျောညီထွေဖြစ်အောင် |
| ၄.၁၂ | ၁၁/၂၀၁၈ | w3-stretch ထပ်ထည့်ထားသည်။ |
| ၄.၁၁ | ၁၀/၂၀၁၈ | ထည့်ထားသည် w3-အလိုအလျောက် ပြောင်းလဲထားသော အနားသတ်-အနားသတ်-ဘယ်ဘက်-အလိုအလျောက်-အလိုအလျောက်နှင့် အနားသတ်-ညာ-w3-အကြောင်းအရာတွင် အလိုအလျောက် ထည့်သွင်းထားသည် |
| ၄.၁၀ | ၀၂/၂၀၁၈ | w3-bar နှင့် w3-bar-block ရှိ w3-bar-item သို့ "outline:0" ကို ထည့်ခဲ့သည် |
| ၄.၀၉ | ၁၂/၂၀၁၇ | ခလုတ်များမှ "outline:0" ကို ဖယ်ရှားခဲ့သည်။ |
| ၄.၀၈ | ၁၀/၂၀၁၇ | w3-dropdown-content သို့ "z-index:1" ကို ထည့်ခဲ့သည်။ |
| ၄.၀၇ | ၀၈/၂၀၁၇ | ပုံများသို့ "vertical-align:middle" ကို ထည့်ထားသည်။ |
| ၄.၀၆ | ၀၈/၂၀၁၇ | ဘောင်များ၊ ရွေ့လျားနိုင်သော နယ်နိမိတ်များနှင့် ရွေ့လျားနိုင်သော စာသားများအတွက် ဗားရှင်း 3 အရောင်အတန်းများကို ထည့်သွင်းထားသည်။ |
| ၄.၀၅ | ၀၆/၂၀၁၇ | w3-responsive တွင် "display:block" ကို ထည့်ထားသည်။ |
| ၄.၀၄ | ၀၄/၂၀၁၇ | w3-bar-block အတွင်းရှိ w3-bar-item သို့ "float:none" ကို ထည့်ခဲ့သည်။ |
| ၄.၀၃ | ၀၃/၂၀၁၇ | "w3-col m3" တွင် သေးငယ်သည့် ချို့ယွင်းချက်တစ်ခုကို ပြုပြင်ခဲ့သည် |
| ၄.၀၂ | ၀၃/၂၀၁၇ | ဗားရှင်း 3 တွင် စာသားအရောင်များကို ထည့်သွင်းထားသည်။ |
| ၄.၀၁ | ၀၃/၂၀၁၇ |
မီးခိုးရောင်/မီးခိုးရောင်ကို အလင်းပေးထားပြီး ဘောင်အရောင်အမှားအယွင်းအချို့ကို ပြင်ဆင်ပေးသည်။ |
| 4.0 | ၀၂/၂၀၁၇ | |
| ၃.၀ | ၀၁/၂၀၁၇ | |
| 2.0 | ၀၂/၂၀၁၆ | |
| ၁.၀ | မကြီး ၀၅/၂၀၁၅ |
GitHub Repositiory
GitHub သိုလှောင်မှုသည်- https://github.com/JaniRefsnes/w3css
W3.CSS ကို စစ်ဆေးနေပါသည်။
W3.CSS ကိုစစ်ဆေးခြင်းသည် အမှားအယွင်းအချို့ကို ပြန်ပေးနိုင်သည်။
W3C မှန်ကန်မှုကို သင်လုပ်ဆောင်သောအခါတွင် အမှားအယွင်းအချို့ကို သင်မကြာခဏရရှိလိမ့်မည်။
လက်ရှိ W3C သတ်မှတ်ချက်ပြင်ပရှိ ဘရောင်ဇာအချို့၏ သတ်မှတ်ထားသောတန်ဖိုးများ အမြဲရှိပါမည်။
| ပစ္စည်းဥစ္စာ | ဖော်ပြချက် |
|---|---|
| ညွှန်ပြချက်-ဖြစ်ရပ်များ | CSS3 တွင် မမှန်ကန်သော်လည်း CSS4 အတွက် အကြံပြုထားသည်။ မသန်စွမ်းသောဒြပ်စင်များမှ လက်ညွှန်တာကို ဖယ်ရှားရန် W3.CSS တွင် အသုံးပြုသည်။ |
| အသုံးပြုသူ-ရွေးချယ်ပါ။ | CSS3 တွင် မမှန်ကန်သော်လည်း CSS4 အတွက် အကြံပြုထားသည်။ နှိပ်နိုင်သော အစိတ်အပိုင်းများမှ စာသားရွေးချယ်မှုကို ဖယ်ရှားရန် W3.CSS တွင် အသုံးပြုသည်။ |
| pseudo-class : တရားဝင် | CSS3 တွင် တန်ဖိုးမမှန်ကန်သော်လည်း CSS4 အတွက် အကြံပြုထားသည်။ တရားဝင်ထည့်သွင်းမှုကိုညွှန်ပြရန် W3.CSS တွင်အသုံးပြုသည်။ |
| @-webkit-keyframes | ဝဘ်kit ဘရောက်ဆာများ (Chrome၊ Safari၊ နှင့် Opera ဗားရှင်းအဟောင်းများ) တွင် ကာတွန်းများကို လုပ်ဆောင်ရန် W3.CSS တွင် ထည့်သွင်းထားသည်။ |
W3.CSS ကို စိတ်ကြိုက်ပြင်ဆင်ပါ။
W3.CSS တွင် အခြေခံဖောင့်များနှင့် ဖောင့်အရွယ်အစားများ ပါဝင်သည်။
ဤဆက်တင်များကို ပြောင်းလဲခြင်းဖြင့် W3.CSS ကို စိတ်ကြိုက်ပြင်ဆင်နိုင်သည်-
ဥပမာ
html {
font-family: Verdana, sans-serif;
font-size: 15px;
line-height: 1.5;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Verdana, sans-serif;
font-weight: 400;
line-height: 1;
margin:
20px 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;}
h1
{font-size: 36px}
h2 {font-size: 30px}
h3 {font-size: 24px}
h4
{font-size: 20px}
h5 {font-size: 18px}
h6 {font-size: 16px}
hr
{
height: 0;
border: 0;
border-top: 1px solid
#eee;
margin: 20px 0;
}
W3.CSS ကို ပုံမှန်လုပ်ထားသည်။
စတိုင်စာရွက်ကို ပုံမှန်ဖြစ်အောင် ပြုလုပ်သည်-
- ဘရောက်ဆာ အမှားများကို ပြင်ပါ။
- ဘရောက်ဆာ မကိုက်ညီမှုများကို ဖယ်ရှားပါ။
- ဘုံဘရောက်ဆာ ပုံသေများကို သေချာပါစေ။
- HTML ဒြပ်စင်အားလုံး၏စတိုင်များကိုပုံမှန်လုပ်ပါ။
- CSS တိုးတက်မှုများကို ထည့်ပါ။
Normalize.css မှ ထုတ်နုတ်ချက်ကို W3.CSS တွင် အသုံးပြု သည် ။
၎င်းသည် W3.CSS သည် ဘရောက်ဆာအားလုံးတွင် HTML ကို တသမတ်တည်းပြသစေပြီး ခေတ်မီဝဘ်စံနှုန်းများနှင့်အညီ ပြသစေသည်။