"ကက်စကိတ်" ကက်စကိတ်ပုံစံ Sheet များအတွက်ဘာကိုဆိုလိုသလဲ

သင်တို့ရှိသမျှသည်အတူတူပင်ဒြပ်စင်ထိခိုက်အများအပြားဂုဏ်သတ္တိများရှိနိုင်ပါသည်ဒါကြောင့် Cascading Style Sheet များသို့မဟုတ် CSS ကိုထူထောင်ကြသည်။ သူတို့အားဂုဏ်သတ္တိများ၏အချို့အချင်းချင်းတိုက်ခိုက်နေပေမည်။ ဥပမာအားဖြင့်, သင်အပိုဒ် tag ကိုပေါ်အနီရောင်တစ် font ကိုအရောင်ကိုသတ်မှတ်မယ်, ပြီးတော့, နောက်ပိုင်းမှာ, အပြာတစ်ခု font ကိုအရောင်ထားကြ၏။ ဘယ်လို Browser ကိုအပိုဒ်စေရာအရောင်ကိုသိသနည်း? ဒါကအဆငျ့ဆငျ့ခွငျးအားဖွငျ့ဆုံးဖြတ်ခဲ့တာဖြစ်ပါတယ်။

စတိုင် Sheet များအမျိုးအစားများ

စတိုင်စာရွက်များသုံးခုကွဲပြားခြားနားသောမျိုးရှိပါတယ်:

  1. စာရေးဆရာစတိုင် Sheet များ
    1. ဤ web page ကို၏ရေးသားသူအသုံးပြုနေသူများကဖန်တီးစတိုင်စာရွက်များဖြစ်ကြသည်။ သူတို့ကလူအများစုသူတို့ CSS ကိုစတိုင်စာရွက်များစဉ်းစားတဲ့အခါမှာစဉ်းစားဘာတွေလုပ်နေလဲ။
  2. အသုံးပြုသူစတိုင် Sheet များ
    1. အသုံးပြုသူစတိုင်စာရွက်များက်ဘ်စာမျက်နှာ၏အသုံးပြုသူကိုသတ်မှတ်နေကြသည်။ ဤအသုံးပြုသူစာမျက်နှာများကိုဖော်ပြရန်ဘယ်လိုပိုပြီးထိန်းချုပ်ရှိသည်ဖို့ခွင့်ပြုပါ။
  3. အသုံးပြုသူအေးဂျင့်ပုံစံ Sheet များ
    1. ဤ web browser မှထိုစာမျက်နှာသို့ဖော်ပြရန်ကူညီရန်စာမျက်နှာသက်ဆိုင်ကြောင်းစတိုင်များဖြစ်ကြသည်။ ဥပမာအားဖြင့်, XHTML ကအတွက်အများဆုံးအမြင်အာရုံအသုံးပြုသူအေးဂျင့်စာလုံးစောငျးကိုစာသားအဖြစ် tag ကိုဖော်ပြရန်။ ဒါဟာအသုံးပြုသူအေးဂျင့်က style sheet မှာသတ်မှတ်ထားတဲ့ဖြစ်ပါတယ်။

အထက်ပါစတိုင်စာရွက်များတစ်ဦးချင်းစီအတွက်သတ်မှတ်ကြသည် Properties ကိုတစ်ဦးအလေးချိန်ပေးအပ်ထားတယ်။ ပုံမှန်အားဖြင့်စာရေးသူ style sheet ကိုအများဆုံးအလေးချိန်, အသုံးပြုသူစတိုင်စာရွက်အားဖြင့်နောက်တော်သို့လိုက်နှင့်နောက်ဆုံးတော့အသုံးပြုသူအေးဂျင့်က style sheet အားဖြင့်ရှိပါတယ်။ ဒီရန်တစ်ခုတည်းသောခြွင်းချက်ဟာနှငျ့အတူရှိ၏ ! အရေးကြီးသော အသုံးပြုသူတစ်ဦးက style sheet ၌အုပ်စိုး။ ဤသည်မှာစာရေးသူရဲ့စတိုင်စာရွက်ထက်ပိုအလေးချိန်ရှိပါတယ်။

Cascading အမိန့်

ပဋိပက္ခများ, web browser များဖြေရှင်းရန်စားပေးမှုရှိပြီးအသုံးပြုလိမ့်မည်ဖြစ်သောစတိုင်ဆုံးဖြတ်ရန်အောက်ပါ sorting အမိန့်ကိုသုံးပါ:

  1. ပထမဦးစွာမေးခှနျးအတှကျဒြပ်စင်လျှောက်ထားသောသူအပေါင်းတို့သည်ကြေညာချက်များအဘို့နှင့်တာဝန်ပေးအပ်မီဒီယာအမျိုးအစားကိုရှာပါ။
  2. ထိုအခါကမှလာမယ့်အဘယ်အရာကိုစတိုင်စာရွက်ကြည့်ပါ။ အဖြစ်အထက်စာရေးဆရာစတိုင်စာရွက်များထို့နောက်အသုံးပြုသူ, အသုံးပြုသူအေးဂျင့်ပြီးတော့, ပထမဦးဆုံးလာကြ၏။ အတူ! အရေးကြီးသောအသုံးပြုသူစတိုင်များစာရေးသူထက်ပိုမိုမြင့်မားစားပေးမှုရှိခြင်း, အရေးကြီးသောစတိုင်များ။
  3. ပိုမိုတိကျတဲ့တစ် selector တစ်ခုကိုရရှိပါမည်ပိုစားပေးမှုဖြစ်ပါတယ်။ ဥပမာ, "div.co p" ပေါ်တွင်တစ်ဦးစတိုင်ရုံ "p" tag ကိုအပေါ်တဦးတည်းထက်ပိုမိုမြင့်မားစားပေးမှုရပါလိမ့်မယ်။
  4. နောက်ဆုံးတော့သူတို့သတ်မှတ်ခဲ့ကြသည်မိန့်အားဖြင့်စည်းမျဉ်းစည်းကမ်းတွေကို sort ။ document tree ထဲမှာနောက်ပိုင်းမှာသတ်မှတ်ကြသည်စည်းကမ်းများအစောပိုင်းကသတ်မှတ်များထက်ပိုမိုမြင့်မားစားပေးမှုရှိသည်။ ကာတင်သွင်း style sheet ကနေစည်းမျဉ်းစည်းကမ်းတွေကိုစတိုင်စာရွက်တွင်တိုက်ရိုက်စည်းမျဉ်းစည်းကမ်းတွေကိုမပြုမီစဉ်းစားနေကြသည်။