အဖြစ်မကြာမီသငျသညျက HTML နှင့်အတူကွန်ရက်စာမျက်နှာတွေတည်ဆောက်ခြင်းကိုစတင်အဖြစ်, သငျသညျဆိုက်နှင့်အတူစတင်အလုပ်လုပ်ပါလိမ့်မယ်။ သင့်ရဲ့ site ကိုဖွယ်ရှိသင်သို့မဟုတ်အခြားဒီဇိုင်နာဖန်တီးနေတဲ့ဒီဇိုင်းကိုက်ညီ, သင်ကကြည့်ရှုချင်သောလမ်းကိုကြည့်လုပ်, သင်ကြောင်း site ပေါ်တွင်စာသား၏အရွယ်အစား, အဖြစ်စာမျက်နှာပေါ်တွင်အခြားဒြပ်စင်ကိုပြောင်းလဲချင်ပါလိမ့်မယ်။ ဒီလိုလုပ်ဖို့သင်တစ်ဦးက HTML "အရွယ်အစား" tag ကိုရှာစတင်စေခြင်းငှါ, သင်တို့မူကားလျင်မြန်စွာကြောင့်ပျောက်ဆုံးရှာတွေ့ပါလိမ့်မယ်။
အဆိုပါ HTML ကိုအရွယ်အစား tag ကို HTML မှာမတည်ရှိပါဘူး။ အဲဒီအစားသင့်ရဲ့ဖောင့်, ရုပ်ပုံများသို့မဟုတ် layout ကို၏အရွယ်အစားကိုသတ်မှတ်နိုင်ရန်အတွက်သင်ကကက်စကိတ်ပုံစံ Sheet များအသုံးပြုသင့်ပါတယ်။ တကယ်တော့သင်က site ရဲ့စာသားကိုသို့မဟုတ်အခြားဒြပ်စင်စေရန်လိုအပ်မည်သည့်အမြင်ပြောင်းလဲမှု CSS ကိုအားဖြင့်ကိုင်တွယ်သင့်ပါတယ်! HTML ကိုသာဖွဲ့စည်းတည်ဆောက်ပုံအဘို့ဖြစ်၏။
တစ်ခုက HTML အရွယ်အစား tag ကိုရန်အရင်းနှီးဆုံး tag ကိုအမှန်အရွယ်အစား attribute ကပါဝင်သည်ခဲ့ဘူးသောအဟောင်းကို font ကို tag ကိုဖြစ်ပါတယ်။ ဒီ tag ကို HTML ကိုလက်ရှိဗားရှင်းအတွက်ကန့်ကွက်ခံထားခဲ့ပြီးအနာဂတ်တွင် browser များကထောက်ခံမရစေခြင်းငှါသတိပေးခဲ့သည်ခံရ! သင်သည်သင်၏ HTML ကိုအတွက်ဖောင့် tag ကိုအသုံးမပြုချင်ကြဘူး! အဲဒီအစား, သငျသညျအရွယ်အစားရန်သင့် HTML element တွေကို CSS ကိုလေ့လာသင်ယူသင့်ပါတယ်နှငျ့အညီသင့်ရဲ့ဝက်ဘ်စာမျက်နှာ style ။
font size
fonts ပွဲတစ်ပွဲ CSS နဲ့အရွယ်အစားဖို့အလွယ်ကူဆုံးအရာဖြစ်ကြ၏။ Moreso ့စာသားကို sizing ထက်, CSS နဲ့သင့်အကြောင်းပိုမိုတိကျတဲ့နိုင်ပါတယ် က်ဘ်ဆိုက်စာစီစာရိုက် ။ သင်ကဖောင့်အရွယ်အစား, အရောင်, အမှု, အလေးချိန်, အဆောင်နှင့်ထို့ထက် ပို. သတ်မှတ်နိုင်ပါတယ်။ ယင်းဖောင့် tag နဲ့, သင်သာသာတိုင်းဖောက်သည်များအတွက်မတူသည့်ဘရောက်ဇာရဲ့ default font ကိုအရွယ်အစားဆွေမျိုးနံပါတ်အဖြစ်ထို့နောက်အရွယ်အစားသတ်မှတ်နှင့်နိုင်ပါတယ်။
, 12pt တစ်ဦးစာလုံးအရွယ်အစားရှိသည်ဖို့သင့်ရဲ့အပိုဒ် set font-size ကိုစတိုင် property ကိုသုံးရန်:
h3 {font-size = 24px; }ဒါကစတိုင် headiing3 ဒြပ်စင် 24 pixels ကို၏စာလုံးအရွယ်အစားကိုသတ်မှတ်လိမ့်မယ်။ သငျသညျအနေနဲ့ external style sheet ဤ add နိုင်အပေါင်းတို့နှင့်တကွသင့် site ရဲ့ H3s ဒီစတိုင်ကိုသုံးပါလိမ့်မယ်။
သငျသညျသင်၏စာသားမှနောက်ထပ်သတ်ပုံစတိုင်များကိုထည့်သွင်းချင်တယ်ဆိုရင်, သင်သည်ဤ CSS ကိုစည်းမျဉ်းပေါ်သို့သူတို့ကို add နိုင်:
h3 {font-size: 24px; အရောင်: # 000; font-အလေးချိန်: ပုံမှန်; }ဤသည်သာ H3s သည်စာလုံးအရွယ်အစားကိုသတ်မှတ်မှာမဟုတ်ဘူး, သူကလည်း (# 000 နည်းလမ်းများ၏ဘာ hex code ကိုဖြစ်သည့်) အနက်ရောင်မှအရောင်ကိုသတ်မှတ်မယ်လို့က "သာမန်" ကိုအလေးချိန်ကိုသတ်မှတ်လိမ့်မယ်။ ပုံမှန်အားဖြင့် browser များခေါင်းစဉ် 1-6 အဖြစ်ရဲရင့်သောစာသားဆပ်ဒါကြောင့်ဒီစတိုင် "ကို un-ရဲရင့်" မရှိမဖြစ်လိုအပ်တဲ့စာသားတစ်ခုကို default အထပ်ရေးနှင့်မည်ဖြစ်သည်။
image Size
သင်အမှန်တကယ် image ကိုဆိုက်ပြောင်းရန် browser ကိုသုံးနိုငျသောကွောငျ့ပုံများအရွယ်အစားသတ်မှတ်ပေးရန်လှည်နိုင်ပါတယ်။ ပိုပြီးတဖြည်းဖြည်း load မှစာမျက်နှာများကိုဖြစ်ပေါ်စေသည်နှင့် browser မကြာခဏပုံရိပ်တွေမကောင်းတဲ့ကိုကြည့်အောင်, အရွယ်အစားကိုချုံ့နေဆဲ၏ဆင်းရဲသားအလုပ်ကျင့်သောကြောင့်၏သင်တန်း, browser ကိုအတူပုံရိပ်တွေအရွယ်အစားကိုချုံ့နေဆဲမကောင်းတဲ့စိတ်ကူးဖြစ်ပါတယ်။ အဲဒီအစားသင်အသုံးပြုသင့်ပါတယ် ပုံရိပ်တွေဆိုက်ပြောင်းရန်ဂရပ်ဖစ်ဆော့ဖ်ဝဲကို , ပြီးတော့သင့်ရဲ့ web page ကို HTML မှာသူတို့ရဲ့အမှန်တကယ်အရွယ်အစားရေးပါ။
ဖောင့်နဲ့မတူတာကပုံရိပ်တွေအရွယ်အစားတွေကိုသတ်မှတ်ဖို့အတွက် HTML သို့မဟုတ် CSS ကိုဖြစ်စေသုံးနိုင်သည်။ သင်ကပုံရဲ့ width နဲ့အမြင့်သတ်မှတ်။ သငျသညျက HTML ကိုအသုံးပြုသောအခါ, သင်သာ pixels ကိုအတွက်ပုံရိပ်ရဲ့အရွယ်အစားသတ်မှတ်နိုင်ပါတယ်။ သငျသညျ CSS ကိုသုံးလျှင်, သင်လက်မ, စင်တီမီတာနှင့်ရာခိုင်နှုန်းအပါအဝင်အခြားတိုင်းတာကိုသုံးနိုင်သည်။ သင့်ရဲ့ပုံရိပ်တွေဟာတုံ့ပြန်မှုက်ဘ်ဆိုက်၌ရှိသကဲ့သို့, အရည်ရောက်ထားရန်လိုအပ်ပါတယ်သောအခါဤနောက်ဆုံးတန်ဖိုးရာခိုင်နှုန်းအလွန်အသုံးဝင်သည်။
HTML ကိုသုံးပြီးသင့်ရဲ့ image ကိုအရွယ်အစားသတ်မှတ်ဖို့, img tag ကို၏အမြင့်နှင့်အကျယ် attribute တွေကိုသုံးပါ။ ဥပမာအားဖြင့်, ဒီပုံကို 400x400 pixels ကိုစတုရန်းပေမည်:
အမြင့် = "400" width ကို = "400" alt = "image ကို" />CSS ကိုသုံးပြီးသင့်ရဲ့ image ကိုအရွယ်အစားသတ်မှတ်ဖို့, အမြင့်နှင့်အကျယ်စတိုင်ဂုဏ်သတ္တိများကိုအသုံးပြုပါ။ ဤတွင်တူပုံရိပ်အရွယ်အစားသတ်မှတ်ဖို့ CSS ကိုသုံးပြီးဖွင့်:
စတိုင် = "အမြင့်: 400px; width: 400px;" alt = "image ကို" />layout အရွယ်အစား
သင်တစ်ဦး layout ကိုအတွက်သတ်မှတ်အသုံးအများဆုံးအရွယ်အစားအကျယ်ဖြစ်ပြီး, သင်ဆုံးဖြတ်ဖို့လိုအပ်ပါလိမ့်မယ်ပထမဦးဆုံးအရာတစ်ခုကိုသုံးရန်ရှိမရှိပင်ဖြစ်သည် ပုံသေအကျယ် layout ကို တစ်ခုသို့မဟုတ်တုံ့ပြန်မှုက်ဘ်ဆိုက်။ တနည်းအားဖြင့်သင်သည် pixels, လက်မ, ဒါမှမဟုတ်အချက်များကိုတစ်ခုအရေအတွက်အတိအကျအတိုင်း width ကိုသတ်မှတ်မှာလဲ? သို့မဟုတ်သင် EMS သို့မဟုတ်ရာခိုင်နှုန်းပြောင်းလွယ်ပြင်လွယ်သုံးပြီးခံရဖို့သင့်ရဲ့ layout ကို width ကိုမသတ်မှတ်မှာလဲ? သင့်ရဲ့ layout ကို၏အရွယ်အစားသတ်မှတ်ဖို့, သင်ရုံသင်တစ်ဦးပုံရိပ်ထဲမှာလိုနဲ့တူရဲ့ width နဲ့ height CSS ကိုဂုဏ်သတ္တိများကိုအသုံးပြုပါ။
ပုံသေအကျယ်:
စတိုင် = "width: 600px;">အရည်အကျယ်:
စတိုင် = "width: 80%;">သင်သည်သင်၏အပြင်အဆင်များအတွက် width အပေါ်ဆုံးဖြတ်ခြင်းနေတဲ့အခါ, သငျသညျစိတျထဲမှာသင့်ရဲ့စာဖတ်သူတွေကို အသုံးပြု. စေခြင်းငှါ၎င်းကွဲပြားခြားနားသောဘရောက်ဇာကို width နဲ့သူတို့မှာလည်းသုံးပြီးပါလိမ့်မည်သည့်ကွဲပြားခြားနားသော device များစောင့်ရှောက်သင့်ပါတယ်။ ဤသည်မှာအဘယ်ကြောင့်ဖြစ်ပါသည် တုံ့ပြန်မှုဝက်ဘ်ဆိုက်များ ကွဲပြားခြားနားသောထုတ်ကုန်များနှင့်မျက်နှာပြင်အရွယ်အစားအပေါ်အခြေခံပြီးသူတို့ရဲ့ layout ကိုနှင့်ဆိုက်ကိုပြောင်းလဲနိုင်သည့်, ယနေ့အကောင်းဆုံးအလေ့အကျင့်စံဖြစ်ပါတယ်။