လိုင်းအကွာ, CSS ကို, အခြေခံ

ဒီနေ့ CSS ကိုလိုင်းအမြင့်ကြားကာလဆန်းစစ်သွားနေကြသည်။ ဒီ feature ကိုဖတ်ရှုဖို့စာသားပိုမိုလွယ်ကူအောင်ကူညီပေးသည်။ ဒါ့အပြင်သူကမကြာခဏစာမျက်နှာပေါ်တွင်အကြောင်းအရာကသိမ်းပိုက်အရွယ်အစားလျှော့ချဖို့အသုံးပြုသည်။ အထူးသဖြင့်ကိုယ့်ကိစ္စများ၏သမိုင်းတစ်ဦးအကျဉ်း digression အောက်ကအတွေ့အကြုံမရှိသေးသောထောက်ပံ့ပေးလိမ့်မည်။ ဒါဆိုသင် CSS ကိုလိုင်းအမြင့်ကြားကာလ install ဖို့ဘယ်လိုလေ့လာသင်ယူပါလိမ့်မယ်။

လိုအပ်သောသတင်းအချက်အလက်

CSS ကိုအတိုကောက် ကက်စကိတ်ပုံစံစာရွက်, နည်းလမ်းများ "Cascade စတိုင်စာရွက်များ" ဘာသာပြန်ထားသောအရာ။ ဤသည်ဘာသာစကားတစ်ဦး markup ဘာသာစကား (ဥပမာ, HTML ကို) ၌ရေးထားလျက်ရှိ၏ပြီဝက်ဘ်စာမျက်နှာများကိုအသုံးပြုသည်။ ခင်မှာ CSS ကိုဒီဇိုင်းစာရွက်စာတမ်း၏ထွန်း built-in အတူသတ်မှတ် HTML တဂ်, ဒါပေမဲ့သူတို့ကအလွန်မသက်မသာနဲ့တစ်ခုလုံးကိုကုဒ်ရေလွှမ်းခဲ့သညျ။ ထို့ကြောင့်မှတ်ပုံတင်ရေးအတွက်တာဝန်ရှိသည်ဖြစ်လိမ့်မည်အသစ်တစ်ခုဘာသာစကားကိုဖန်တီးရန်ဆုံးဖြတ်ခဲ့ကြသည်။ ယနေ့ CSS ကိုနဲ့ HTML - နှစ်ခုကျွန်မတို့ဟာခွဲလို့မရတဲ့အယူအဆရှိပါတယ်။ syntax တန်းဒေသတွေစတိုင်ကထိုကဲ့သို့သော«: အနီရောင်နောက်ခံ»သကဲ့သို့, ဂုဏ်သတ္တိများနှင့်၎င်းတို့၏တန်ဖိုးများကိုအသုံးပြုသည်အလွန်ရိုးရှင်းပါသည်။ တစ်ဦးနယ်ပယ် assign လုပ်ဖို့, သင်ရုံအိမ်ခြံမြေ tag ကိုအမည်အား (သို့မဟုတ်အမှတ်အသား) ကိုရေးသားဖို့လိုအပ်ပါတယ်: « body {background: red; } "ဒါပေမယ့်အသင်းကိုကိုယ်တိုင်မသန်စွမ်းပဲအကြားထားရှိခြင်းဖြစ်သည်။ တစ်ခုချင်းစီကိုလိုင်းရဲ့အဆုံးမှာမဟုတ်ရင်မှားယွင်းမှုတစ်ခုဖြစ်ပေါ်တစ် semicolon ဖြစ်ဝိသေသလက္ခဏာများ၏ဖော်ပြချက်နှင့်အတူမှတ်တမ်းတင်ခဲ့တယ်။

ကြားကာလ

သို့သော်မိတ်ဆက်စာပိုဒ်တိုများ၏လုံလောက်စွာ, စီးပွားရေးဆင်းရ။ လိုင်းခြား CSS ကိုဂုဏ်သတ္တိများမျဉ်း-အမြင့်ကို အသုံးပြု. သတ်မှတ်ထားကြသည်။ ဒါဟာအားလုံး element တွေကိုအသုံးချနိုင်ပါတယ်။ အဆိုပါပိုင်ဆိုင်မှုသူ့ဟာသူသားတို့သည်မိမိတို့မိဘများအနေဖြင့်အကွာကူးယူမည်ဟုဆိုလိုသည်သောအမွေဆက်ခံသည်။ ခန္ဓာကိုယ် {လိုင်း-အမြင့်: 20px} သင်အောက်ပါ command ကိုရေးတယ်ဆိုရင်ဥပမာ, ထို့နောက်စာမျက်နှာပေါ်တွင်ရှိသမျှသောဒြပ်စင်များ, လိုင်းအကွာ 20 pixels ကိုညီမျှဖြစ်လိမ့်မည်။ ဒီပစ္စည်းဥစ္စာပိုင်ဆိုင်မှု၏တန်ဖိုးအဖြစ်မည်သည့်လူသိများ CSS ကိုယူနစ် (ပစ္စည်းများကို - PT, pixels - px, လက်မ - ... စသည်တို့အတွက်) များတွင်အသုံးပြုနိုင်ပါသည်။ နောက်ထပ် option ကိုဆွေမျိုးတန်ဖိုးများထိုကဲ့သို့သောအကျိုးစီးပွားသို့မဟုတ်တိုးပွားစေသုံးစွဲဖို့ဖြစ်ပါတယ်။ ဤကိစ္စတွင်ခုနှစ်, CSS ကိုလိုင်းအကွာမိဘဒြပ်စင်ရာမှနုတ်ယူလိမ့်မည်။ ပုံသေတန်ဖိုးပုံမှန် keyword ကိုဖြစ်စဉ်းစားသည်။

ပိုမိုသိရှိလိုပါက,

ငါတို့သည်အကြားကာလအကြောင်းပြောနေတာနေကြသည်ကတည်းကကစာလုံးတွေအကြားအကွာအဝေးအကြောင်းကိုဖော်ပြရကျိုးနပ်သည်။ ဘေးဖယ်သီးခြားပိုင်ဆိုင်မှုသတ်မှတ် CSS ကို၌ဤဝိသေသ, အမည်ရစာတစ်စောင်-Space ဆုံးဖြတ်ရန်။ ဒီ command လုပ်ဆောင်ချက်တစ်ခုနိယာမလိုင်း-အမြင့်နှင့်အလားတူဖြစ်ပါတယ်။ ယူနစ်တူညီသည်အခြားတန်ဖိုးများ။ စာလုံးအကြား CSS ကို-Space လည်းလူအပေါင်းတို့သည်ဒြပ်စင်မှလျှောက်ထားခြင်းနှင့်ဘာသာစကား၏အားလုံးဗားရှင်း၏ထောက်ခံမှုရှိပါတယ်နိုင်ပါသည်။ ယင်းဂုဏ်သတ္တိများ၏ဥပမာ: « h2 {အက္ခရာ-Space: 10px; } "။ သငျသညျကိုယျခန်ဓာဒြပ်စင်များအတွက်စာလုံးအကြားကြားကာလ assign အကယ်. (ထိုတန်ဖိုးအားအတိအလင်းပယ်ဖျက်မဟုတ်ပါလျှင်), ထို့နောက်အားလုံးဒြပ်စင်ဒီ feature ကိုအမွေခံရကြလိမ့်မည်။

ကောက်ချက်

ဒါဟာအချို့ browser များမှန်ကန်စွာလိုင်းအမြင့် CSS ကိုကြားကာလဆုံးဖြတ်ရန်ကြောင်းမှတ်သားရပါမည်။ ဥပမာအားဖြင့်, (ဗားရှင်း 7.0 အထိ) IE ကိုအစီအစဉ်ကိုမှားယွင်းစွာအကွာအဝေးတွက်ချက်။ ဤကိစ္စတွင်ခုနှစ်, သငျသညျအကောငျ့သို့ခြားနားချက်ကြားကာလယူသင့်ပါတယ်။ ဒီအမှား၏နယူးဗားရှင်းလုံးဝ browser ကိုတညျ့ဖြစ်ပါတယ်။ စာလုံးအကြားအကွာအဝေးအဆုံးအဖြတ်များအတွက်ဂုဏ်သတ္တိများကို အသုံးပြု. သည့်အခါတစ်ဦးနှင့်ဆင်တူပြဿနာကြုံတွေ့ဖြစ်ပါတယ်။ ရှိသမျှသည်အခြားသောအစီအစဉ်များအတွက် command ကိုဒေတာ W3C (World Wide Web Consortium) နှင့်အညီဆုံးဖြတ်သည်။