W3.CSS

W3.CSS ပင်မစာမျက်နှာ W3.CSS နိဒါန်း W3.CSS အရောင်များ W3.CSS ကွန်တိန်နာများ W3.CSS Panels များ W3.CSS နယ်နိမိတ်များ W3.CSS ကတ်များ W3.CSS ပုံသေများ W3.CSS ဖောင့်များ W3.CSS Google W3.CSS စာသား W3.CSS Round W3.CSS Padding W3.CSS အနားသတ်များ W3.CSS ရုပ်ထွက် W3.CSS ခလုတ်များ W3.CSS မှတ်စုများ W3.CSS Quotes W3.CSS သတိပေးချက်များ W3.CSS ဇယားများ W3.CSS စာရင်းများ W3.CSS ပုံများ W3.CSS ထည့်သွင်းမှုများ W3.CSS တံဆိပ်များ W3.CSS Tag W3.CSS အိုင်ကွန်များ W3.CSS တုံ့ပြန်မှု W3.CSS Layout W3.CSS Animations W3.CSS Effects များ W3.CSS ဘားများ W3.CSS Dropdowns W3.CSS Accordions W3.CSS လမ်းညွှန် W3.CSS Sidebar W3.CSS Tabs များ W3.CSS Pagination W3.CSS တိုးတက်မှုဘားများ W3.CSS Slideshow W3.CSS Modal W3.CSS Tooltips W3.CSS ဇယားကွက် W3.CSS ကုဒ် W3.CSS စစ်ထုတ်မှုများ W3.CSS လမ်းကြောင်းများ W3.CSS Case W3.CSS ရုပ်ဝတ္ထု W3.CSS အတည်ပြုခြင်း W3.CSS ဗားရှင်းများ W3.CSS မိုဘိုင်း

W3.CSS အရောင်များ

W3.CSS အရောင်အတန်းများ W3.CSS Color Material ပါ။ W3.CSS Color Flat UI W3.CSS အရောင် Metro UI W3.CSS Color Win8 W3.CSS Color iOS ပါ။ W3.CSS အရောင်ဖက်ရှင် W3.CSS Color Libraries များ W3.CSS Color Schemes W3.CSS Color Themes W3.CSS Color Generator

ဝဘ်အဆောက်အဦ

ဝဘ်မိတ်ဆက် ဝဘ် HTML ဝဘ် CSS ဝဘ် JavaScript ဝဘ်လက်ကွက် Web Band Web Catering ဝဘ် စားသောက်ဆိုင် ဝဘ်ဗိသုကာ

ဥပမာများ

W3.CSS ဥပမာများ W3.CSS သရုပ်ပြများ W3.CSS Templates များ

ကိုးကား

W3.CSS အကိုးအကား W3.CSS ဒေါင်းလုဒ်များ

W3.CSS Quotes


နာကျင်မှုကိုယ်တိုင်က အချစ်ကို ပင်မသိမ်းဆည်းခြင်းဖြစ်ပါသည်။ ဘဝအစုလိုက်အပြုံလိုက်သည် ဝံပုလွေများ၏ နွေးထွေးသောအပြုံး မဟုတ်ပါ။ ကွီးရယ် ဘာမှ မရှုပ်ထွေးပါဘူး။


မျက်တောင်များပြသခြင်း။

w3-panel အတန်း သည် ကိုးကားဖော်ပြရန် အကောင်းဆုံးအတန်းဖြစ်သည်။

အကိုးအကားများကို မီးခိုးရောင်နောက်ခံ၊ ဘယ်ဘက်ဘောင်ဘားနှင့် စာလုံးစောင်းပုံစံဖြင့် ပြသသည်-

"တတ်နိုင်သမျှ ရိုးရှင်းအောင် လုပ်ပါ၊ ဒါပေမယ့် မလွယ်ပါဘူး။"

အဲလ်ဘတ်အိုင်းစတိုင်း

ဥပမာ

<div class="w3-panel w3-leftbar w3-light-grey">
  <p class="w3-xlarge w3-serif">
  <i>"Make it as simple as possible, but not simpler."</i></p>
  <p>Albert Einstein</p>
</div>


ကြီးမားသောမျက်တောင်များ

ကြီးမားသောကိုးကားချက်များကို အင်တာနက်ပေါ်တွင် မကြာခဏအသုံးပြုသည်-

"တတ်နိုင်သမျှ ရိုးရှင်းအောင် လုပ်ပါ၊ ဒါပေမယ့် မလွယ်ပါဘူး။"

အဲလ်ဘတ်အိုင်းစတိုင်း

ဥပမာ

<div class="w3-panel w3-leftbar w3-sand">
  <p class="w3-xxlarge w3-serif">
  <i>"Make it as simple as possible, but not simpler."</i></p>
  <p>Albert Einstein</p>
</div>



ကိုးကားချက်များ

အကယ်၍ သင်သည် စံ HTML <blockquote> ဒြပ်စင်ကို အသုံးပြုပါက၊ ဘရောက်ဆာသည် အပိုဘယ်နှင့် ညာဘက်အနားသတ်ကို ပေါင်းထည့်မည်ကို သတိပြုမိသည်-

"Make it as simple as possible, but not simpler."

Albert Einstein

ဥပမာ

<blockquote class="w3-panel w3-leftbar w3-light-grey">
  <p class="w3-large">
  <i>"Make it as simple as possible, but not simpler."</i></p>
  <p>Albert Einstein</p>
</blockquote>


HTML သင်္ကေတများကိုအသုံးပြုခြင်း။

ampersand များအစား ပုံမှန် HTML သင်္ကေတများကို သင်သုံးနိုင်သည်-

သင်္ကေတ ကုဒ်
#၈၈၁၀
#9986
#၁၀၀၇၇
#၁၀၀၇၈
#၁၀၀၈၀
#၁၀၀၀၄

နာကျင်မှုကိုယ်တိုင်က အချစ်ကို ပင်မသိမ်းဆည်းခြင်းဖြစ်ပါသည်။ ဘဝအစုလိုက်အပြုံလိုက်သည် ဝံပုလွေများ၏ နွေးထွေးသောအပြုံး မဟုတ်ပါ။ ကွီးရယ် ဘာမှ မရှုပ်ထွေးပါဘူး။

နာကျင်မှုကိုယ်တိုင်က အချစ်ကို ပင်မသိမ်းဆည်းခြင်းဖြစ်ပါသည်။ ဘဝအစုလိုက်အပြုံလိုက်သည် ဝံပုလွေများ၏ နွေးထွေးသောအပြုံး မဟုတ်ပါ။ ကွီးရယ် ဘာမှ မရှုပ်ထွေးပါဘူး။

ဥပမာ

<div class="w3-panel w3-light-grey">
  <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10077;</span>
  <p class="w3-xlarge" style="margin-top:-40px">
  <i>"Lorem ipsum dolor sit amet, consectetur adipiscing elit ..."</i></p>
  <p>Albert Einstein</p>
</div>

C တွင် Programming သည် တဖြည်းဖြည်း ကျဆင်းလာလိမ့်မည်။
JavaScript တွင် ပရိုဂရမ်ရေးသားခြင်းသည် ပို၍အရေးကြီးပါသည်။

ဥပမာ

<div class="w3-panel w3-center w3-leftbar w3-sand">
  <p><i class="w3-serif w3-xlarge">
  <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
  Programming in C will slowly decline.<br>
  Programming in JavaScript will be more important.</i></p>
</div>


Font Awesome Icons ကိုအသုံးပြုခြင်း။

Font Awesome ဒစ်ဂျစ်တိုက်မှ အိုင်ကွန်များကို သင်လည်း အသုံးပြုနိုင်ပါသည်။


နာကျင်မှုကိုယ်တိုင်က အချစ်ကို ပင်မသိမ်းဆည်းခြင်းဖြစ်ပါသည်။ ဘဝအစုလိုက်အပြုံလိုက်သည် ဝံပုလွေများ၏ နွေးထွေးသောအပြုံး မဟုတ်ပါ။ ကွီးရယ် ဘာမှ မရှုပ်ထွေးပါဘူး။

ဥပမာ

<div class="w3-panel w3-leftbar">
  <p><i class="fa fa-quote-right w3-xxlarge"></i><br>
  <i class="w3-serif w3-xlarge">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</i></p>
</div>

သင်သည် အရောင်နှင့် အလင်းပိတ်မှုကိုလည်း ပြောင်းလဲနိုင်သည်-


နာကျင်မှုကိုယ်တိုင်က အချစ်ကို ပင်မသိမ်းဆည်းခြင်းဖြစ်ပါသည်။ ဘဝအစုလိုက်အပြုံလိုက်သည် ဝံပုလွေများ၏ နွေးထွေးသောအပြုံး မဟုတ်ပါ။ ကွီးရယ် ဘာမှ မရှုပ်ထွေးပါဘူး။

ဥပမာ

<div class="w3-panel w3-sand w3-leftbar">
  <p><i class="fa fa-quote-right w3-xxlarge w3-opacity"></i>
  <span class="w3-serif w3-xlarge">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit ...</span></p>
</div>

အနက်ရောင်ကိုးကား-

နာကျင်မှုကိုယ်တိုင်က အချစ်ကို ပင်မသိမ်းဆည်းခြင်းဖြစ်ပါသည်။ ဘဝအစုလိုက်အပြုံလိုက်သည် ဝံပုလွေများ၏ နွေးထွေးသောအပြုံး မဟုတ်ပါ။ ကွီးရယ် ဘာမှ မရှုပ်ထွေးပါဘူး။

ဥပမာ

<div class="w3-panel w3-black">
  <p class="w3-large w3-serif">
  <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit ...</p>
</div>


ကတ်များအဖြစ် ကိုးကားချက်များကို ပြသပါ။


နာကျင်မှုကိုယ်တိုင်က အချစ်ကို ပင်မသိမ်းဆည်းခြင်းဖြစ်ပါသည်။ ဘဝအစုလိုက်အပြုံလိုက်သည် ဝံပုလွေများ၏ နွေးထွေးသောအပြုံး မဟုတ်ပါ။ ကွီးရယ် ဘာမှ မရှုပ်ထွေးပါဘူး။

ဥပမာ

<div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
  <p class=" w3-large w3-serif">
  <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit ...</p>
</div>


နာကျင်မှုကိုယ်တိုင်က အချစ်ကို ပင်မသိမ်းဆည်းခြင်းဖြစ်ပါသည်။ ဘဝအစုလိုက်အပြုံလိုက်သည် ဝံပုလွေများ၏ နွေးထွေးသောအပြုံး မဟုတ်ပါ။ ကွီးရယ် ဘာမှ မရှုပ်ထွေးပါဘူး။

ဥပမာ

<div class="w3-panel w3-card-4 w3-center" style="width:50%">
  <span style="font-size:100px">&#10077;</span><br>
  <p style="margin-top:-60px">
  <i><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit ...</b></i></p>
</div>