အဆိုပါ CSS ကို Settings ကို: လိုင်းအကွာ

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

အဘယ်သူမျှမညှိနှိုင်းမှုပြုလျှင်သင်တန်ဖိုးများကို default ဟုသတ်မှတ်နေကြသည်။ ဆန္ဒရှိလျှင်သင်အကွာအဝေးပြောင်းလဲနိုင်သည်။ တန်ဖိုးတစ်ရာခိုင်နှုန်းသို့မဟုတ် pixels ကိုဖြစ်စေနိုင်ပါတယ်။

အတန်းအမြင့်

လိုင်းများအကြား CSS ကိုအကွာအဝေးကိုအောက်ပါပုံအားဖြင့်သရုပ်ပြနိုင်ပါသည်။

အထက်ပါပုံတွင်သက်ဆိုင်ရာအကွာအဝေးနှင့်အတူ parameters တွေကိုပြသထားတယ်။ စာသားအာကာသ font-size ၌တည်ရှိ၏။ စာသားလိုင်းခြေရင်းမှာ start နှင့်အနည်းငယ်ပိုမိုမြင့်မားပါဘူးသတိပြုပါ။ အဆိုပါအာကာသအောက်ခြေဒြပ်စင် (ဆ, y က, ဒါကြောင့်အပေါ်) ရှိသည်သောအက္ခရာများဖို့အောက်ကဖြစ်သည်။

အဆိုပါလုပ်ကွက်အကြား space ကို font-size ကိုဦးဆောင်ခေါ်တော်မူကြောင်းသတိပြုပါ။ HTML နဲ့ CSS ကိုနှင့်အတူဤပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုပေါ်လာပါဘူး, ဒါပေမယ့်သူကအခြားဂရပ်ဖစ်နှင့်စာသားအယ်ဒီတာများ၌တည်ရှိ၏။ ဥပမာအားဖြင့်, Adobe က Photoshop မှာ။

က "Photoshop ကို" ၌, သင်ဦးဆောင်သတ်မှတ်နိုင်ပါတယ်ရှိရာပြပွဲအပေါ်ကပုံ။ နောက် font-size ကို setting ကိုသတ်မှတ်ထားသော။

လိုင်း-အမြင့်သုံးဥပမာ

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

သင့်ရဲ့ site ၏အသုံးပြုသူ၏သေးငယ်တဲ့တန်ဖိုးများ၏အမှု၌ဖတ်ရှုဖို့ inconvenient လိမ့်မည်။

အကွာအဝေးကွဲပြားနှင့်ဖောင်၏အရွယ်အစားနိုင်ပါသည်။ အခြေခံ parameters တွေကိုအကြားခြားနားချက်နံပါတ်များ၌အလွန်ကွာခြားပါလိမ့်မယ်လျှင်, ကွာခြားချက်တိုးဦးဆောင်နေဖြင့်လျော်ကြေးငွေဖြစ်ပါတယ်။

ဒီဇိုင်းပရိယာယ်

လိုင်းများအကြား CSS ကိုအကွာအဝေးနောက်ထပ်အမျိုးမျိုးသော Indent စိတ်ကြိုက်နိုင်ပါတယ်။ အဆိုပါကိန်းဂဏန်းအတွက်ဥပမာအားစဉ်းစားပါ။

ဤကိစ္စတွင်ရှိ "Element ကို" ၌စာသားဖြစ်လိမ့်မည်။ padding - padding ကိုအရာဝတ္ထုအတွင်း၌ဖြစ်ပါသည်, နှင့်အနားသတ် - အရာဝတ္ထုများ၏ထစ်။ နယ်စပ်ရေးရာ - ဤဘောင်။ ဒါဟာ 0 pixels ကိုဖြစ်နိုင်, 100 ဖြစ်နိုင်သည်။

အောက်ပါ image ကိုချက်ချင်းအားလုံးမာဂျင်, frame ကိုနှင့်စာသားတစ်လိုင်း၏အမြင့်ပြသထားတယ်။

သငျသညျသေးငယ်တဲ့စာသားကိုရှိပါကအားလုံးတစ်ခုတည်းလိုင်း, ဒါမှမဟုတ်သီးခြားအပိုဒ်အတွက်တစ်ဦးချင်းစီအညီ, အကွာအဝေးဟာပြီးအင်တင်းခဲ့သည်အပိုဒ်များအကြားချိန်ညှိနိုင်ပါတယ်။ တကလာပ်စည်းများတွင်လိုင်းများအကြား Mare နှင့် padding ကိုအဘယ်သူမျှမအကျိုးသက်ရောက်မှုရှိလာမည်ဖြစ်ပါသည်။ သူတို့ကသာအရာဝတ္ထု၏အနားမှာထစ်ဖန်တီးပါ။ object - ဤတစ်ခုလုံးကိုအပိုဒ်အစားအထဲတွင်လိုင်းများ၏။ ဒါဟာရှုပ်ထွေးရဖို့မဟုတ်အရေးကြီးသည်။

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

CSS ကို၏လိုင်းများအကြားအကွာအဝေးကိုတိုးမြှင့်ဖို့ကိုဘယ်လို

HTML ကို၏လိုင်းများအကြားအကွာအဝေး, သင်သည်မည်သည့်လူတန်းစားဖို့ဒါမှမဟုတ်စာသားအားလုံးကိုအပိုဒ်ဘို့မှတ်ပုံတင်ရန်နိုင်ပါတယ်။ p {လိုင်း-အမြင့်: သငျသညျဤကဲ့သို့သောသတ်မှတ်ပါလျှင် 20px; } - ထို့နောက်လုံးဝစာမကျြနှာပျေါတှငျအပေါငျးတို့သအပိုဒ် 20 pixels ကို၏ညှို့ဖြစ်လိမ့်မည်။ သငျသညျကွဲပြားခြားနားသောအရွယ်အစားအတွက်ကွဲပြားခြားနားသောနေရာများအတွက်ချင်တယ်ဆိုပါကအောက်ပါအတိုင်းသည်အတိုင်းပြုပါရန်အကြံပြုသည်။

ကျနော်တို့စတိုင်များသတ်မှတ်။

.class1 {လိုင်း-အမြင့်: 20px; }

.class2 {လိုင်း-အမြင့်: 16px; }

.class3 {လိုင်း-အမြင့်: 12px; }

ရှင်းလင်းပြတ်သားဘို့, ကျွန်တော်တစ်ဦးသည် frame add ဒါကြောင့်သင်ကအလုပ်လုပ်တယ်ကြောင်းတွေ့နိုင်ပါသည်။ အနာဂတျမှာ, ကဖယ်ရှားပစ်ရမည်။

Next ကိုကျနော်တို့ကဤအတန်းကိုအသုံးပြုပါ။ အောက်မှာဖေါ်ပြတဲ့အတိုင်းရလဒ်ဖြစ်ပါသည်။

တတိယအမှု၌, တီးဝိုင်းစာသားမှမောင်းသတိပြုပါ။ ယင်းအချက်ကိုကြောင့်အားလုံး စာလုံးအရွယ်အစား လိုင်း၏အမြင့်ထက် သာ. ကြီးမြတ်သည်။ ဒါကြောင့်ထိုကဲ့သို့သောပဋိပက္ခများမဟုတ်ကြကြောင်းသေချာစေရန်အရေးကြီးပါသည်။ သငျသညျအသီးသီးသေးငယ်တဲ့လိုင်းအမြင့်လုပ်နေကြလျှင်, font ကိုလျှော့ချပေးပါတယ်။

ဒါဟာသိပ်နည်းနည်းစာသားနဲ့လိုင်းများအကြားသေးငယ်တဲ့အကွာအဝေးလုပ်ဖို့အကြံပြုသည်မဟုတ်။ အသုံးပြုသူများအဘယ်သူအားမျှကတည်းကအေးဆေးတည်ငြိမ်စွာကအားလုံးကိုဖတ်ရှုနိုင်ပါလိမ့်မည်မဟုတ်။ သူဟာလျင်မြန်စွာငြီးငွေ့မျက်စိ။ search engines လည်းစာသားအသုံးပြုသူ-ဖော်ရွေကြောင်းပြောကြသည်။

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

ရှာဖွေရေးအင်ဂျင်များတွင် "Google" ကိုခွဲခြမ်းစိတ်ဖြာခြင်းအတွက်အထောက်အကူပြုကြောင်းအထူးကိရိယာတခုဖြစ်တယ်။ ဒါဟာကွန်ရက်ထိန်းသိမ်းသူများအတွက်အလွန်အဆင်ပြေသည်။

ဤတွင်ဖြစ်မည်အကြောင်းရလဒ်တစ်ခုဥပမာတစ်ခုဖြစ်သည်။

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