CSS ကို, ဒါမှမဟုတ်ကက်စကိတ်ပုံစံစာရွက်များတစ်စာမျက်နှာဖို့အမြင်အာရုံကြည့်လျှောက်ထားရန်ခေတ်မီက်ဘ်ဆိုက်ဒီဇိုင်းအတွက်အသုံးပြုသည်ဘာတွေလုပ်နေလဲ။ HTML ကိုစာမျက်နှာ၏ဖွဲ့စည်းပုံမှာဖန်တီးနဲ့ Javascript ကိုအပြုအမူတွေကိုကိုင်တွယ်ထိန်းသိမ်းနိုင်ပေမယ့်တစ်က်ဘ်ဆိုက်၏အသွင်အပြင်နှင့်ခံစားမှု CSS ကို၏ဒိုမိန်းဖြစ်ပါတယ်။ ဤစတိုင်များမှကြွလာတဲ့အခါသူတို့အများဆုံးမကြာခဏပြင်ပစတိုင်စာရွက်များကို အသုံးပြု. လျှောက်ထားကြသည်, သင်မူကားစအဖြစ်လူသိများကြသည်ဘယ်အရာကိုအသုံးပြုခြင်းအားဖြင့်တစ်ခုတည်း, တိကျသောဒြပ်စင်ဖို့ CSS ကိုစတိုင်များလျှောက်ထားနိုင်ပါသည် "inline စတိုင်များ။ "
inline စတိုင်များစာမျက်နှာ၏ HTML မှာတိုက်ရိုက်လျှောက်ထားဖြစ်ကြောင်း CSS ကိုစတိုင်များဖြစ်ကြသည်။ ဒီချဉ်းကပ်မှုမှအားသာချက်များနှင့်အားနည်းချက်များကိုနှစ်ဦးစလုံးရှိပါတယ်။ ပထမဦးစွာဖွင့်သည်ဤစတိုင်များရေးထားလျက်ရှိ၏ဘယ်လောက်အတိအကျကိုကြည့်ကြကုန်အံ့။
တစ်ဦး Inline Style ကိုရေးထားလုပ်နည်း
မှာ inline CSS ကိုစတိုင်ကိုဖန်တီးရန်, သင်သင်မည်သို့ကတော့ style sheet အတွက်လိုရန်သင့်စတိုင်ပိုင်ဆိုင်မှုအလားတူရေးသားခြင်းအားဖြင့်စတင်ဖို့, ဒါပေမယ့်အားလုံးတဦးတည်းလိုင်းဖြစ်ရန်လိုအပ်ပါသည်။ semicolon တစ်ခုနဲ့သီးခြားမျိုးစုံဂုဏ်သတ္တိများ့ကတော့ style sheet အတွက်လိုအဖြစ်။
နောက်ခံ: #ccc; အရောင်: #fff; နယ်စပ်: အစိုင်အခဲအနက်ရောင် 1px;
သငျသညျ style အမျိုးမျိုးခံရဖို့ချင်သောဒြပ်စင်များ၏စတိုင်လ် attribute ကိုအတွင်းအပြင်စတိုင်များ၏ line ကိုချထားပါ။ သင်သည်သင်၏ HTML မှာတစ်အပိုဒ်ဤစတိုင်လျှောက်ထားရန်ချင်တယ်ဆိုရင်ဥပမာအားဖြင့်, ထိုဒြပ်စင်ဤကဲ့သို့သောကြည့်ရှုမည်ဟု:
ဒီဥပမာမှာ, ဒီအထူးသဖြင့်အပိုဒ်တစ်ဦးအလင်းမီးခိုးရောင်နောက်ခံ (ထို #ccc ဆပ်မယ်လို့ကဘာလဲ), (ပု # 000 အရောင်ထံမှ), နှင့်အပိုဒ်၏အပေါငျးတို့သလေးနှစ်ဖက်ပတ်လည် 1-pixel အစိုင်အခဲအနက်ရောင်နယ်စပ်နှင့်အတူအနက်ရောင်စာသားပေါ်လာလိမ့်မယ် ။
Inline Styles ၏ကောင်းကျိုးများ
ယင်းမှကျေးဇူးတင်ပါသည် အဆငျ့ဆငျ့ ကက်စကိတ်ပုံစံစာရွက် inline စတိုင်များတစ်ဦးစာရွက်စာတမ်းများတွင်အမြင့်ဆုံးစားပေးမှုသို့မဟုတ်သတ်သတ်မှတ်မှတ်ရှိသည်။ ဒါကသူတို့ကတဦးတည်းခြွင်းချက်ဟာ! အရေးကြီးသောကြေငြာကြောင်းစာရွက်ပေးထားကြသည်ဆိုစတိုင်များဖြစ်ခြင်းနှင့်အတူ (သင့်ပြင်ပကိုနှိပ်ပြီးအတွက်နှုတ်တိုက်ချပေးခဲ့တာ, ဒါပေမယ့်ဒီကလျှင်ထုတ်လုပ်မှုက်ဘ်ဆိုက်များအတွက်ပြုသင့်ကြောင်းအရာတစ်ခုခုမဖြစ်နေသည်တခြားအဘယ်အရာကိုမျှမကိစ္စလျှောက်ထားခံရဖို့သွားကြသည်ကိုဆိုလိုသည် ) ရှောင်ရှားနိုင်ပါသည်။
inline စတိုင်များထက်ပိုမိုမြင့်မားစားပေးမှုရှိသည်သောတစ်ခုတည်းသောစတိုင်များ အသုံးပြုသူစတိုင်များ စာဖတ်သူတွေသူတို့ကိုယ်သူတို့နေဖြင့်လျှောက်ထားခဲ့သည်။ သင်သည်အမှုရောက်သောလျှောက်ထားရန်သင့်အပြောင်းအလဲများကိုရတဲ့ရှိခြင်းနေတယ်ဆိုရင်, သင်ဒြပ်စင်အပေါ်မှာ inline style ကို setting ကြိုးစားနိုင်ပါ။ သငျသညျစတိုင်များနေဆဲမှာ inline style ကို အသုံးပြု. ပြသကြဘူးလျှင်, သင်အခြားသူအပေါ်မယ့်အရာတစ်ခုခုရှိမယ့်ငါသိ၏။
ကြောင်းဒြပ်စင်မရှိမဖြစ်လိုအပ်တဲ့သငျသညျအနေနဲ့ external style sheet ထဲမှာရေးလိုက်မယ်လို့ selector အစားထိုး (inline စတိုင်များကိုထည့်သွင်းရန်လွယ်ကူပြီးမြန်ဆန်ဖြစ်ကြပြီးသင်ကိုပြောင်းလဲချင်သောဒြပ်စင်မှတိုက်ရိုက်စတိုင်များဖြည့်စွက်ထားပါသည်ကတည်းကသင်လျော်သော CSS ရွေးရေးသားခြင်းနှင့်ပတ်သက်ပြီးစိုးရိမ်ပူပန်ရန်မလိုအပ်ပါဘူး ) ။ သငျသညျ (ပြင်ပစတိုင်စာရွက်များနှင့်အတူကဲ့သို့) တစ်ခုလုံးအသစ်သောစာရွက်စာတမ်းကိုဖန်တီးသို့မဟုတ် (ပြည်တွင်းရေးစတိုင်စာရွက်များနှင့်အတူကဲ့သို့) သင့်ရဲ့စာရွက်စာတမ်း၏ဦးခေါင်း၌အသစ်တခုဒြပ်စင်တည်းဖြတ်ရန်မလိုအပ်ပါ။ သင်ရုံနီးပါးတိုင်းက HTML element ကပေါ်ခိုင်လုံသောကြောင်းစတိုင် attribute ကိုထည့်ပါ။ ထိုသူအပေါင်းတို့ကိုသင် inline စတိုင်များသုံးစွဲဖို့စုံစမ်းသွေးဆောင်ခြင်းကိုခံစေခြင်းငှါအဘယ်ကြောင့်အကြောင်းပြချက်တွေရှိပါတယ်, ဒါပေမယ့်သင်ကဒီချဉ်းကပ်မှုအချို့အလွန်သိသာအားနည်းချက်များကိုသတိထားဖြစ်ရမည်။
Inline Styles ၏ဆိုးကျိုးများ
inline စတိုင်များသူတို့အဆငျ့ဆငျ့အတွက်အများဆုံးသတ်သတ်မှတ်မှတ်ဖြစ်သောကြောင့်, သူတို့ကသငျသညျသူတို့ကိုရည်ရွယ်ခဲ့ပါဘူး Over-စီးနင်းသောအရာတို့ကိုနိုင်ပါတယ်။ စီမံခန့်ခွဲဖို့အနာဂတ်နှင့်မွမ်းမံမှုများနှင့်စတိုင်အပြောင်းအလဲများကိုအများကြီးပိုမိုလွယ်ကူစေရန်တဦးတည်းအလယ်ပိုင်း CSS ကိုဖိုင်ထဲကနေစာရေးတံနှင့်ဝက်ဘ်စာမျက်နှာများကိုအများကြီး style နိုင်စွမ်း - သူတို့ကအစ CSS ကို၏သြဇာအာဏာအရှိဆုံးရှုထောင့်တစ်ဦး negate ။
သင်သာ inline စတိုင်များကိုအသုံးပြုရန်ခဲ့လျှင်, သင်၏စာရွက်စာတမ်းများကိုလျင်မြန်စွာဖောင်းထိန်းသိမ်းနည်းရန်အလွန်ခက်ခဲဖြစ်လာလိမ့်မယ်။ inline စတိုင်များသင်သည်ထိုသူတို့အပျေါခငျြတိုင်းဒြပ်စင်မှလျှောက်ထားရမည်ဖြစ်သည်ထားလို့ဖြစ်ပါတယ်။ သင်တို့ရှိသမျှသည်သင်၏အပိုဒ်ရှိသည်ဖို့လိုလျှင်ဒါ ဖောငျ့မိသားစု "Arial", သင်သည်သင်၏စာရွက်စာတမ်းစီ
tag ကိုမှမှာ inline style ကိုထည့်သွင်းဖို့ရှိသည်။ သင် font-family ကိုပြောင်းလဲသင့် site အတွင်းရှိရှိသမျှသောစာမျက်နှာကိုဖြတ်ပြီးဒီကိုပြောင်းဖို့လိုအပ်မယ်လို့ကတည်းကဒါဟာစာဖတ်သူများအတွက်ဒီဇိုင်နာနှင့် download အကြိမ်ပြုပြင်ထိန်းသိမ်းမှုအလုပ်နှစ်ခုလုံးကထပ်ပြောသည်။ သငျသညျသီးခြားကိုနှိပ်ပြီးအသုံးပြုတယ်ဆိုရင်နောက်တစ်မျိုးအနေနဲ့, သင်တို့ကိုတဦးတည်းအစက်အပြောက်ထဲမှာပြောင်းလဲနှင့်တိုင်းစာမျက်နှာကြောင်း update ကိုခံယူရှိသည်နိုင်ပေမည်။
ပြန် tag ကိုလကျထကျ - အမှန်အတိုင်းပြောရရင်ဒီက web design မှာနောက်ပြန်ခြေလှမ်းပါ!
စတိုင်များ inline မှနောက်ထပ်အားနည်းချက်ကသူတို့နှင့်အတူစတိုင် Pseudo-ဒြပ်စင်များနှင့် -classes ဖို့မဖြစ်နိုင်ဘူးဆိုတာပါပဲ။ ဥပမာအားဖြင့်, အတူ ပြင်ပ စတိုင်စာရွက်များကိုသင်ခြင်း, သွားရောက်ခဲ့ပြီး style ပျံဝဲ, တက်ကြွနှင့်နိုင်ပါတယ် link ကိုအရောင် တစ်ကြောကျဆူး tag ရဲ့, ဒါပေမယ့်သောစတိုင် attribute ကိုမှပူးတွဲဘာင်ဘာဖြစ်လို့လဲဆိုတော့မှာ inline style ကိုအတူသင်လုပ်နိုင်သည်အားလုံးစတိုင်, link ကိုသူ့ဟာသူဖြစ်ပါသည် ။
နောက်ဆုံးတွင်ကျွန်တော် inline စတိုင်များအသုံးမပြုအကြံပြု သူတို့ပြဿနာများဖြစ်ပေါ်စေထိန်းသိမ်းနည်းစာမျက်နှာများအများကြီးပိုအလုပ်လုပ်နေသောကြောင့်သင်၏ဝဘ်စာမျက်နှာများကိုအဘို့။ ကျနော်တို့ဖွံ့ဖြိုးရေးလုပ်ငန်းစဉ်အတွင်းလျင်မြန်စွာတစ်ဦးစတိုင်စစျဆေးဖို့လိုတဲ့အခါကျနော်တို့ကသူတို့ကိုအသုံးပြုမှသာအချိန်ဖြစ်ပါသည်။ ကျနော်တို့ကတဦးတည်းဒြပ်စင်အဘို့အညာဘက်ကိုရှာဖွေနေတယ်င့်ပြီးတာနဲ့ကျွန်တော်တို့ရဲ့ external style sheet မှရွှေ့။
ဂျနီဖာ Krynin အားဖြင့်နဂိုဆောင်းပါး။ ဂျယ်ရမီ Girard တည်းဖြတ်။