web design အမြဲဂရပ်ဖစ်နှင့်ပုံနှိပ်ဒီဇိုင်း၏ကမ္ဘာမှကျောင်းအုပ်များနှင့်အဓိပ္ပာယ်ချေးခဲ့သည်။ အဲဒါကိုမှကြွလာသောအခါဤသည်အထူးသဖြင့်မှန်သည် ကို web စာစီစာရိုက် နှင့်ကျွန်ုပ်တို့က်ဘ်ဆိုက်စာမျက်နှာများပေါ်တွင် letterforms ရထားတဲ့အတွက်နည်းလမ်းဖြစ်သည်။ ဤရွေ့ကားမျဉ်းပြိုင်အမြဲ 1 1 မှဘာသာမဟုတ်ပေမယ့်တဦးတည်းစည်းကမ်းအခြားသြဇာလွှမ်းမိုးမှုထားပြီးဘယ်မှာသင်ဆက်ဆက်တွေ့နိုင်ပါသည်။ သငျသညျအစဉ်အလာစာစီစာရိုက်ဝေါဟာရကို "ဦးဆောင်" နှငျ့အကြားဆက်ဆံရေးကိုစဉ်းစားတဲ့အခါဒီအထူးသဖြင့်ထင်ရှား၏ CSS ကို အဖြစ်လူသိများအိမ်ခြံမြေ "line ကို-အမြင့်။ "
လမ်းပြ၏ရည်ရွယ်ချက်
လူတွေနေတဲ့ပုံနှိပ်စာမျက်နှာများအတွက်စာစီစာရိုက်ဖန်တီးနိုင်ရန်အတွက်ကိုယ်တိုင်ဟန်းဆက်သတ္တုသို့မဟုတ်သစ်သားစာလုံးများကိုရန်အသုံးပြုသည့်အခါခဲ၏ပါးလွှာသည်အပိုင်းပိုင်းသူတို့အားလိုင်းများအကြားအကွာဖန်တီးနိုင်ရန်အတွက်စာသားအလျားလိုက်လိုင်းအကြားထားရှိခဲ့ကြသည်။ သင်တစ်ဦးပိုကြီးအာကာသလိုချင်လျှင်, သင်ခဲပိုကြီးတဲ့အပိုင်းပိုင်းထည့်သွင်းမည်ဖြစ်သည်။ ဤသည်ဟူသောဝေါဟာရကို "ဦးဆောင်" စတင်သုံးစွဲခဲ့သည်ကိုမည်သို့ဖြစ်ပါတယ်။ သငျသညျသတ်ပုံဒီဇိုင်းနှင့်ကျောင်းအုပ်ဆရာကြီးအကြောင်းစာအုပ်ထဲတွင် "ဦးဆောင်" ဟူသောဝေါဟာရကိုမျှော်ကြည့်ပါက၏အကျိုးသက်ရောက်မှုတစ်ခုခုကိုဖတ်မယ်လို့ - "။ အမျိုးအစားအဆက်ဆက်လိုင်းများ၏ baseline အကြားအကွာအဝေး"
Web Design အတွက်ဦးဆောင်
ဒစ်ဂျစ်တယ်ဒီဇိုင်းအတွက်, ဟူသောဝေါဟာရကိုဦးဆောင်နေဆဲစာသားလိုင်းများအကြားအကွာကိုရည်ညွှန်းအသုံးပြုသည်။ အတော်များများကအစီအစဉ်များကိုအမှန်တကယ်ဦးဆောင်သိသာသောသူတို့အား programs.This များတွင်အသုံးပြုလျက်ရှိသည်မဟုတ်သော်လည်း, ဒီအတိအကျဝေါဟာရကိုအသုံးပြုနိယာမ၏အတိအကျကိုအကောငျအထညျဖျောပြောင်းလဲသွားပြီသော်လည်းရိုးရာသူတွေကိုထံမှဒီဇိုင်းကိုငွေချေးစိတ်ကူးများသစ်ပုံစံများကိုတစ်ဦးအလွန်ကြီးစွာသောသာဓကဖြစ်ပါတယ်။
က web design မှာမှကြွလာသည့်အခါအဘို့အဘယ်သူမျှမ CSS ကိုပိုင်ဆိုင်မှုလည်းမရှိ "ဦးဆောင်။ " အဲဒီအစား, စာသား၏ဤအမြင် display ကိုကိုင်တွယ်လိမ့်မည်ဟုသော CSS ကိုပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုလိုင်း-အမြင့်ဟုခေါ်သည်။ သင်သည်သင်၏စာသားကိုစာသားအလျားလိုက်လိုင်းအကြားနောက်ထပ်အာကာသရှိသည်ချင်လျှင်, သင်သည်ဤပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုကိုသုံးပါလိမ့်မယ်။ ဥပမာအားဖြင့်, သငျသညျအထဲမှာအားလုံးအပိုဒ်များအတွက်လိုင်း-အမြင့်တိုးမြှင့်ဖို့လိုခငျြလို့ပြော သင့် site ၏ <အဓိက> element က , သင်သည်ဤတူသောဒါလုပ်နိုင်:
အဓိက p {လိုင်း-အမြင့်: 1.5; }ယခုဤ (ပုံမှန်အားဖြင့် 16px ဖြစ်သည့်) အစာမကျြနှာကို default font ကိုအရွယ်အစားအပေါ်အခြေခံပြီး 1.5 ကြိမ်ပုံမှန်လိုင်းအမြင့်, ပါလိမ့်မယ်။
လိုင်း-အမြင့်အသုံးပြုနည်းလိုက်တဲ့အခါ
အထက်အသေးစိတ်အဖြစ်လိုင်း-အမြင့်အာကာသမှအပိုဒ်သို့မဟုတ်စာသားနဲ့အခြားလုပ်ကွက်များတွင်စာသားရဲ့လိုင်းသုံးစွဲဖို့သင့်လျော်သည်။ လိုင်းများအကြားလွန်းနည်းနည်းအာကာသရှိလျှင်, စာသားကိုသင့်ရဲ့ site ကိုမှကြည့်ရှုသူများအတွက်ဖတ်ရှုဖို့ jumbled နှင့်ခက်ခဲဖြစ်လာနိုင်ပါတယ်။ အဆိုပါလိုင်းများစာမျက်နှာပေါ်ဝေးလွန်းခြားပြီးလှပတဲ့လျှင်အလားတူပဲ, စာဖတ်ခြင်း၏ပုံမှန်စီးဆင်းမှုပြတ်တောက်မည်ဖြစ်ပြီးစာဖတ်သူများကြောင်းအကြောင်းပြချက်များအတွက်သင်၏စာသားနှင့်အတူဆင်းရဲဒုက္ခကိုခံရကြလိမ့်မယ်။ သင်အသုံးပြုခြားလိုင်း-အမြင့်၏သင့်လျော်သောပမာဏကိုရှာဖွေချင်တယ်အဘယ်ကြောင့်ဒီအဖြစ်ပါတယ်။ သင်တို့သည်လည်းအပေါ်သူတို့ရဲ့တုန့်ပြန်ချက်ရဖို့အမှန်တကယ်အသုံးပြုသူများသည်နှင့်သင်၏ဒီဇိုင်းကိုစမ်းသပ်နိုင်သည် စာမျက်နှာ၏ဖတ်နိုင်တဲ့ ။
လိုင်း-အမြင့်အသုံးပြုနည်းမရတဲ့အခါ
သငျသညျခေါငျးစဉျသို့မဟုတ်အပိုဒ်အောက်မှာအပါအဝင်, သင့်စာမျက်နှာရဲ့ဒီဇိုင်းကိုမှကြားနေရာလွတ်ထည့်သွင်းဖို့ကိုသုံးပါမည်ဟုသော padding ကိုသို့မဟုတ်မာဂျင်နှင့်အညီ-အမြင့်မရောထွေးပါနဲ့။ ဒါကအကွာကိုဦးဆောင်သည်မဟုတ်, ထို့ကြောင့်သူကလိုင်း-အမြင့်အားဖြင့်ကိုင်တွယ်ခြင်းမရှိပါ။
သငျသညျအခြို့သောစာသားကိုဒြပ်စင်အောက်မှာအာကာသ add ချင်လျှင်, သင်မာဂျင်သို့မဟုတ် padding ကိုအသုံးပွုရလိမ့်မယ်။ နောက်ကျောကျနော်တို့ကိုအသုံးပြုယခင် CSS ကိုသာဓကမှ Going ကျနော်တို့ကဒီ add နိုင်:
အဓိက p {လိုင်း-အမြင့်: 1.5; margin-အောက်ခြေ: 24px; }ဤသည်နေဆဲကျွန်တော်တို့ရဲ့စာမျက်နှာရဲ့အပိုဒ်ရဲ့ (ထို <အဓိက> element ကအတွင်းပိုင်းမြား) အတွက်စာသားလိုင်းများအကြား 1.5 လိုင်းအမြင့်ရှိလိမ့်မယ်။ သူများသည်တူညီအပိုဒ်ကိုလည်းစာဖတ်သူများကိုအလွယ်တကူအခြားထံမှတဦးတည်းအပိုဒ်ဖော်ထုတ်က်ဘ်ဆိုဒ်ကိုဖတ်ရှုလုပ်ဖို့ပိုမိုလွယ်ကူစေရန်ခွင့်ပြုသောအမြင်အားလပ်ချိန်အဘို့အခွင့်ပြုခြင်း, သူတို့တစ်ဦးစီအောက်ကြားနေရာလွတ် 24 pixels ကိုရှိလိမ့်မယ်။ သင်တို့သည်လည်းဤအရပ်၌မာဂျင်၏အရပျ၌ padding ကို property ကိုသုံးနိုင်မည်:
အဓိက p {လိုင်း-အမြင့်: 1.5; padding ကို-အောက်ခြေ: 24px; }အားလုံးနီးပါးကိစ္စများတွင်, ဒီယခင် CSS ကိုကဲ့သို့တူညီသောဖော်ပြရန်လိမ့်မယ်။
သငျသညျလိုင်းအမြင့်, အဲဒီလိုလုပ်ဖို့မာဂျင်သို့မဟုတ် padding ကိုမသုံးမယ်ဆိုတာ, သင်သည် "ဝန်ဆောင်မှုများကို-menu ကို" ၏တစ်ဦးလူတန်းစားနှင့်အတူစာရင်းတစ်ခုအတွင်း၌ဖြစ်ကြောင်းစာရင်းပစ္စည်းများအောက်မှာအကွာကိုထည့်သွင်းဖို့လိုခငျြလို့ပြောပါ။ ဒါကြောင့်ဒီအသင့်လျော်သောပါလိမ့်မယ်။
.services-menu ကို li {