အကြောင်းအရာစျေးကွက်

Blogger- သင့်ဘလော့ဂ်ရှိ ကုဒ်အတွက် CSS ပုံစံ

Blogger ထည့်သွင်းမှုတွင် ကုဒ်ကဏ္ဍများကို မည်သို့ပြုလုပ်ကြောင်း သူငယ်ချင်းတစ်ဦးက မေးသည်။ ကျွန်ုပ်၏ Blogger နမူနာပုံစံရှိ CSS အတွက် စတိုင်ဂ်ကို အသုံးပြု၍ ၎င်းကို ပြုလုပ်ခဲ့သည်။ ဤသည်မှာ ကျွန်ုပ်ထည့်သွင်းထားသည်-

p.code {
    font-family: Courier New;
    font-size: 8pt;
    border-style: inset;
    border-width: 3px;
    padding: 5px;
    background-color: #FFFFFF;
    line-height: 100%;
    margin: 10px;
}
  1. p.code: ဤသည်မှာ HTML ကို ပစ်မှတ်ထားသည့် CSS စည်းမျဉ်းတစ်ခုဖြစ်သည်။ <p> အတန်းအမည် “ကုဒ်” ပါသည့် အစိတ်အပိုင်းများ။ ဆိုလိုသည်မှာ ဤအတန်းနှင့် မည်သည့်စာပိုဒ်ကိုမဆို အောက်ပါဂုဏ်သတ္တိများနှင့်အညီ ပုံစံချမည်ဖြစ်သည်။
  2. font-family: Courier New;- ဤပိုင်ဆိုင်မှုသည် ဖောင့်မိသားစုကို “Courier New” ဟု သတ်မှတ်သည်။ ၎င်းသည် ပစ်မှတ်ထားသော ဒြပ်စင်များအတွင်း စာသားအတွက် အသုံးပြုမည့် ဖောင့်ကို သတ်မှတ်ပေးသည်။
  3. font-size: 8pt;: ဤပိုင်ဆိုင်မှုသည် ဖောင့်အရွယ်အစားကို 8 မှတ်အဖြစ် သတ်မှတ်သည်။ ပစ်မှတ်ထားသော အစိတ်အပိုင်းများအတွင်းရှိ စာသားကို ဤဖောင့်အရွယ်အစားဖြင့် ပြသပါမည်။
  4. border-style: inset;- ဤပိုင်ဆိုင်မှုသည် နယ်စပ်စတိုင်ကို "inset" ဟု သတ်မှတ်သည်။ ၎င်းသည် ပစ်မှတ်ထားသောဒြပ်စင်များတစ်ဝိုက်ရှိ နယ်နိမိတ်အတွက် တိမ်မြုပ်နေသော သို့မဟုတ် ဖိထားသောအသွင်အပြင်ကို ဖန်တီးပေးသည်။
  5. border-width: 3px;: ဤပိုင်ဆိုင်မှုသည် ဘောင်အကျယ်ကို 3 ပစ်ဇယ်အဖြစ် သတ်မှတ်သည်။ ဒြပ်စင်များပတ်ပတ်လည်ဘောင်သည် 3 ပစ်ဇယ်ထူပါမည်။
  6. padding: 5px;: ဤပိုင်ဆိုင်မှုသည် ပစ်မှတ်ထားသောဒြပ်စင်များအတွင်းရှိ အကြောင်းအရာတစ်ဝိုက်တွင် အကွက်များ 5 pixels ပေါင်းထည့်သည်။ ၎င်းသည် စာသားနှင့် ဘောင်ကြား အကွာအဝေးကို ပေးသည်။
  7. background-color: #FFFFFF;- ဤပိုင်ဆိုင်မှုသည် နောက်ခံအရောင်ကို အဖြူရောင် (#FFFFFF) အဖြစ် သတ်မှတ်သည်။ ပစ်မှတ်ထားသောဒြပ်စင်များအတွင်းရှိ အကြောင်းအရာသည် အဖြူရောင်နောက်ခံရှိပါမည်။
  8. line-height: 100%;: ဤပိုင်ဆိုင်မှုသည် မျဉ်းအမြင့်ကို ဖောင့်အရွယ်အစား၏ 100% အဖြစ် သတ်မှတ်သည်။ ၎င်းသည် ဖောင့်အရွယ်အစားအလိုက် စာသားမျဉ်းများကို ခွဲထားကြောင်း သေချာစေသည်။
  9. margin: 10px;: ဤပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခုလုံးပတ်လည်တွင် အနားသတ် 10 ပစ်ဇယ်များကို ပေါင်းထည့်သည်။ ၎င်းသည် ဤဒြပ်စင်နှင့် စာမျက်နှာရှိ အခြားဒြပ်စင်များအကြား အကွာအဝေးကို ပေးဆောင်သည်။

ပေးထားသော CSS ကုဒ်သည် အတန်း “ကုဒ်” ဖြင့် HTML စာပိုဒ်များအတွက် စတိုင်တစ်ခု သတ်မှတ်သည်။ ၎င်းသည် ဖောင့်၊ ဖောင့်အရွယ်အစား၊ ဘောင်ပုံစံ၊ ဘောင်အကျယ်၊ အကွက်များ၊ နောက်ခံအရောင်၊ လိုင်းအမြင့်နှင့် အနားသတ်များကို ဤစာပိုဒ်များအတွက် သတ်မှတ်ပေးသည်။ ဤပုံစံကို ကုဒ်အတိုအထွာများ သို့မဟုတ် Blogger ပို့စ်တစ်ခုတွင် ကြိုတင်ဖော်မတ်ထားသည့် စာသားများတွင် ၎င်းတို့ကို တိကျသောအသွင်အပြင်တစ်ခုပေးစွမ်းနိုင်သည်။

ဒါက ဘယ်လိုပုံစံပါလိမ့်။

p.code {
ဖောင့်-မိသားစု- ချောစာအသစ်;
ဖောင့်အရွယ်အစား- 8pt;
နယ်ခြားပုံစံ- inset;
ဘောင်အကျယ်- 3px;
padding ကို: 5px;
နောက်ခံအရောင်- #FFFFFF;
လိုင်းအမြင့်- 100%;
အနားသတ်: 10px;
}

မင်္ဂလာ Coding!

Douglas Karr

Douglas Karr CMO သည် အဖွင့်အမြင်များ တည်ထောင်သူ Martech Zone. Douglas သည် ဒါဇင်ပေါင်းများစွာသော အောင်မြင်သော MarTech startup များကို ကူညီပေးခဲ့ပြီး Martech ဝယ်ယူမှုများနှင့် ရင်းနှီးမြှုပ်နှံမှုများတွင် ကန်ဒေါ်လာ 5 ဘီလီယံကျော် လုံ့လစိုက်ထုတ်ကာ ကူညီပေးခဲ့ကာ ကုမ္ပဏီများအား ၎င်းတို့၏ အရောင်းနှင့် စျေးကွက်ရှာဖွေရေးဗျူဟာများကို အလိုအလျောက်အကောင်အထည်ဖော်ရာတွင် ဆက်လက်ကူညီပေးနေပါသည်။ Douglas သည် နိုင်ငံတကာအသိအမှတ်ပြု ဒစ်ဂျစ်တယ်အသွင်ပြောင်းခြင်းနှင့် MarTech ကျွမ်းကျင်သူနှင့် စပီကာဖြစ်သည်။ Douglas သည် Dummie's Guide နှင့် Business Leadership စာအုပ်ကို ရေးသားထုတ်ဝေသူလည်းဖြစ်သည်။

Related ဆောင်းပါးများ

နောက်ကျောထိပ်တန်း button ကိုမှ
ပိတ်

Adblock ကို တွေ့ရှိခဲ့သည်။

Martech Zone ကျွန်ုပ်တို့သည် ကြော်ငြာဝင်ငွေ၊ တွဲဖက်လင့်ခ်များနှင့် ပံ့ပိုးကူညီမှုများမှတစ်ဆင့် ကျွန်ုပ်တို့၏ဝဘ်ဆိုက်ကို ငွေရှာနိုင်သောကြောင့် ဤအကြောင်းအရာကို သင့်အား အခမဲ့ပေးစွမ်းနိုင်ခြင်းဖြစ်သည်။ ကျွန်ုပ်တို့၏ဆိုက်ကို သင်ကြည့်ရှုနေစဉ်တွင် သင့်ကြော်ငြာပိတ်ဆို့ခြင်းကို ဖယ်ရှားမည်ဆိုပါက ကျွန်ုပ်တို့ ကျေးဇူးတင်ပါသည်။