အဆိုပါ Span Tag ကိုနဲ့ CSS နှင့်အတူတစ်နှုတ်ကပတ်တော်ကို၏အရောင်ကိုပြောင်းလဲနည်း

အတူ CSS ကို , တကစာရွက်စာတမ်းအတွက်စာသားရဲ့အရောင်တင်ထားရန်လွယ်ကူသည်။ သင်သည်သင်၏စာမျက်နှာပေါ်တွင်အပိုဒ်တစ်အခြို့သောအရောင်အတွက်ပြန်ဆိုခံရဖို့ချင်လျှင်, သင်ရိုးရှင်းစွာသင့်ရဲ့ external style sheet အတွက်သတ်မှတ်နှင့် browser ကိုပြုလုပ်ရှေးခယျြသောအရောင်အတွက်သင်၏စာသားပြပေးလိမ့်မယ်။ သငျသညျစာသားကိုတစ်အပိုဒ်အတွင်းရုံတစျခုစကားလုံး (သို့မဟုတ်ဖြစ်ကောင်းအနည်းငယ်စကားများ) ၏အရောင်ကိုပြောင်းလဲလိုတဲ့အခါဖြစ်လျှင်အဘယ်သို့ဖွစျသှားသလဲ သည်ကိုသင် tag ကိုနဲ့တူမှာ inline element ကိုသုံးစွဲဖို့မလိုအပ်ပါလိမ့်မယ်။

နောက်ဆုံးတွင်ဝါကျအတွင်းစကားများတစ်ခုတည်းစကားလုံးများ၏အရောင်ကိုပြောင်းလဲသို့မဟုတ်သေးငယ်တဲ့အုပ်စုတစ်စု CSS ကိုသုံးပြီးလွယ်ကူသည်နှင့်, tags များ ခိုင်လုံသောက HTML ဖြစ်ကြောင်း, ဒါကြောင့်ဒီ hack ကအချို့မျိုးဖြစ်ခြင်းအကြောင်းကိုစိုးရိမ်ပူပန်ကြပါဘူး။ ဒီချဉ်းကပ်မှုနှင့်အတူ, သငျသညျမြားကိုလညျးကန့်ကွက်ခံထားရသော tags များသုံးပြီးရှောင်ရှားပြီး bygone HTML ကိုခေတ်တစ်ထုတ်ကုန်ဖြစ်သော "font ကို" ကဲ့သို့ attributes ။

ဤဆောင်းပါးက HTML နဲ့ CSS အသစ်ဖွယ်ရှိနေသောကို web developer များအစအဘို့ဖြစ်၏။ ဒါဟာသင့်ရဲ့စာမျက်နှာများပေါ်တွင်သီးခြားစာသားရဲ့အရောင်ကိုပြောင်းလဲဖို့က HTML tag ကိုနဲ့ CSS ကိုသုံးစွဲဖို့ဘယ်လိုလေ့လာသင်ယူကူညီပေးပါမည်။ ကပြောသည်ခံရကြောင်း, ငါသည်ဤဆောင်းပါး၏အဆုံးမှာကိုလွှမ်းမိုးလိမ့်မည်သောဤနည်းလမ်းကိုမှအချို့သောအားနည်းချက်များရှိပါသည်။ ယခုဤစာသားအရောင်ကိုပြောင်းလဲဖို့ခြေလှမ်းသင်ယူဖို့အပေါ်ကိုဖတ်ရှု! ဒါဟာအလွန်လွယ်ကူသည်နှင့် ပတ်သက်. 2 မိနစ်ကိုယူသင့်ပါတယ်။

အဆင့်ညွှန်ကြားချက်အားဖြင့်အဆင့်

1. သင်သည်သင်၏အကြိုက်ဆုံးစာသားကို HTML ကိုအယ်ဒီတာအတွက်အပ်ဒိတ်လုပ်လိုသောဝဘ်စာမျက်နှာကိုဖွင့်။ ဤကဲ့သို့သော program တစ်ခုဖြစ်နိုင်ပါတယ် ကို Adobe Dreamweaver သို့မဟုတ်စတာတွေကို Notepad, Notepad ++, TextEdit, ကဲ့သို့သောရိုးရှင်းစွာစာသားကိုအယ်ဒီတာ
2. စာရွက်စာတမ်းများတွင်သင်စာမျက်နှာပေါ်တွင်တစ်ဦးကွဲပြားခြားနားအရောင်အတွက်ပြသချင်သောစကားများနေရာချထား။ ဒီသင်ခန်းစာများ၏ဘို့အလိုငှါ, စာသား၏ပိုကြီးတဲ့အပိုဒ်အတွင်းဖြစ်ကြောင်းတချို့စကားလုံးများကိုအသုံးပြုထားတယ်။ အဲဒီစာသားကို thetag pair တစုံအတွင်း၌ပါရှိသောလိမ့်မည်။ အဘယ်သူ၏အရောင်သင်တည်းဖြတ်ချင်ပါတယ်စကားလုံးနှစ်လုံး၏တဦးတည်းကိုရှာပါ။
3. သငျသညျအရောင်ကိုပြောင်းလဲချင်စကား၌ပါသောစကားလုံးသို့မဟုတ်အုပ်စုတွင်ပထမဦးဆုံးအက္ခရာရှေ့၌သင်တို့ cursor ချထားပါ။ ကိုသတိရပါ, သင်ကကိုအသုံးပြုနေလျှင် WYSIWYG သင်သည် rigth ယခု "ကုဒ်အမြင်" တွင်အလုပ်လုပ်ကိုင်နေကြသည်, Dreamweaver နဲ့တူအယ်ဒီတာ။
4. အဘယ်သူ၏အရောင်ကျွန်တော်တစ်ဦးလူတန်းစား attribute ကိုအပါအဝင်တစ် tag ကိုအတူပြောင်းလဲပစ်ချင်စာသားခြုံကြပါစို့။ တစ်ခုလုံးကိုအပိုဒ်ဤကဲ့သို့သောကြည့်ရှုစေခြင်းငှါ: ဒီဝါကျထဲမှာအပျေါမှာအာရုံစူးစိုက်ကြောင်းစာသားကိုဖြစ်ပါတယ်။
5. ကျနော်တို့့တိကျတဲ့စာသားကိုကျနော်တို့ CSS ကိုသုံးနိုငျသော "ချိတ်" ပေးစေခြင်းငှါ, ထို, မှာ inline element ကိုအသုံးပြုခဲ့ကြသည်။ ကျွန်ုပ်တို့၏လာမယ့်ခြေလှမ်းအသစ်တခုအုပ်ချုပ်မှုကိုကိုထည့်သွင်းဖို့ကျွန်တော်တို့ရဲ့ပြင်ပ CSS ကိုဖိုင်ခုန်ဖို့ဖြစ်ပါတယ်။

1. ကျွန်တော်တို့ရဲ့ CSS ကိုဖိုင်ထဲမှာရဲ့ add ပါစေ:
   1. .focus-စာသားကို {
   2. အရောင်: # f00;
   3. }
2. ဤနည်းဥပဒေအရောင်အနီရောင်ဖော်ပြရန်ငှါ, သော inline element ကိုသတ်မှတ်ထားပေသည်။ ကျနော်တို့အနက်ရောင်, ငါတို့၏ document ရဲ့စာသားသတ်မှတ်ထားကြောင်းယခင်စတိုင်ခဲ့လျှင်ဤ inline style က span စာသားကိုအပျေါမှာအာရုံစူးစိုက်စေနှင့်ကွဲပြားခြားနားသောအရောင်နှင့်အတူထွက်မတ်တပ်ရပ်မယ်။ ငါတို့သည်လည်းဖြစ်ကောင်းစာသားကိုစာလုံးစောင်းသို့မဟုတ်ရဲရင့် ပို. ပင်ကအလေးပေးဖို့အောင်, ဤနည်းဥပဒေသည်အခြားစတိုင်များကိုထည့်သွင်းနိုင်မည်နည်း
3. သင့်ရဲ့ page ကို save လုပ်ပါ။
4. စာမကျြနှာကိုစမ်းသပ် အကျိုးသက်ရောက်မှုအတွက်အပြောင်းအလဲများကိုတွေ့မြင်ရန်သင့်အကြိုက်ဆုံးကို web browser မှာ။
5. ယင်းအပြင်သတိပြုပါ, အခြို့ကို web ပညာရှင်များအတွက်သို့မဟုတ် tag ကိုအားလုံးတူ၏အခြားဒြပ်စင်သုံးစွဲဖို့ရွေးချယ်ပါ။ ဤရွေ့ကား tags များအထူးသ "ရဲရင့်" နှင့် "စာလုံးစောင်း" ဖြစ်ဖို့အသုံးပြုပေမယ့်ကန့်ကွက်ခံထားနှင့်အစားထိုးနှင့်ခဲ့ကြသည်။ အဆိုပါ tags များနေဆဲဤမျှလောက်များစွာသောကို web developer များ inline ပုံစံချိတ်အဖြစ်သူတို့ကိုအသုံးချသို့သော်ခေတ်သစ် browser များအတွက်အလုပ်လုပ်ကြသည်။ ဒါဟာအဆိုးဆုံးချဉ်းကပ်သည်မဟုတ်, သင်သည်မည်သည့်ကန့်ကွက်ခံထားရသော element တွေကိုရှောင်ရှားချင်လျှင်, ငါသည်ပုံစံလိုအပ်ချက်များကိုဤမျိုးများအတွက် tag နဲ့ကပ်အကြံပြုအပ်ပါသည်။

သည်အထဲက Watch မှသိကောင်းစရာများနှင့်အရာ

ဒီချဉ်းကပ်မှုအသေးစားပုံစံလိုအပ်ချက်များအတွက်ဒဏ်ငွေအလုပ်လုပ်တယ်နေချိန်မှာသင်တစ်ဦးစာရွက်စာတမ်းအတွက်စာသားမယ့်တဦးတည်းအသေးအပိုင်းအစကိုပြောင်းလဲရန်လိုအပ်တယ်ဆိုရင်လိုပဲ, ကလျင်မြန်စွာထိန်းချုပ်ထဲကရနိုင်။ သင်သည်သင်၏စာမျက်နှာသင်သည်သင်၏ CSS ကိုဖိုင်ထဲမှာသုံးပြီးဖြစ်ကြောင်းထူးခြားသောအတန်းရှိသည်အားလုံးသော inline element တွေနှင့်အတူနှက်ကြောင်းကိုရှာဖွေလျှင်သင်သည်ခက်ခဲကြောင့်, သင်၏စာမျက်နှာ၌နေသောထိုအ tags များ၏ပိုပြီးသတိရပါမှားလုပ်နေစေခြင်းငှါ ရှေ့ဆက်သွားကြောင်းစာမျက်နှာကိုဆက်လက်ထိန်းသိမ်းထားဖို့ဖြစ်လာဖွယ်ရှိသည်။ ထို့အပြင် ကောင်းသောက်ဘ်ဆိုက်စာစီစာရိုက် မရှိသလောက်စာမျက်နှာတစ်လျှောက်လုံးစသည်တို့ကို, အရောင်၏များစွာသောမျိုးကွဲရှိပါတယ်!