HTML နှင့် CSS ကို အစပြုသူများအတွက် သင်ခန်းစာ

HTML ၏အခြေခံများ

မိတ်ဆက် HTML ဘာသာစကား HTML တက်ဂ်များ အက်ထရီကျူးများ စတိုင်များ စာမျက်နှာ၏ အခြေခံဖွဲ့စည်းပုံ အခြေခံ တက်ဂ်များ အပိုဒ်များ ခေါင်းစဉ်များ စာသားကို ထူထဲစွာ မှတ်သားခြင်း စာသားကို စာလုံးစောင်းဖြင့် မှတ်သားခြင်း စီစဉ်မထားသော စာရင်းများ စီစဉ်ထားသော စာရင်းများ လင့်ခ်များ အတွင်းပိုင်း လင့်ခ်များ ရုပ်ပုံများ ရုပ်ပုံ၏ အနံ ရုပ်ပုံ၏ အမြင့် ရုပ်ပုံ၏ အနံနှင့် အမြင့်ကို သတ်မှတ်ခြင်း ဇယားများ ဇယား၏ အနံနှင့် အမြင့် ခေါင်းစဉ်ဆဲလ်များ လက်တွေ့ကျွမ်းကျင်မှု

CSS အခြေခံများ

CSS နိဒါန်း CSS ကို အသုံးပြုနည်း အရောင်အတွက် တန်ဖိုးများ မည်သည့်အရောင်မဆို အကျယ်နှင့် အမြင့် စာသား ညှိခြင်း စာသားကို ညာဘက်သို့ ညှိခြင်း စာသားကို အလယ်ဗဟိုသို့ ညှိခြင်း စာသားကို ဘယ်ဘက်သို့ ညှိခြင်း စာသားကို တစ်ချိန်တည်း ညာဘက်နှင့် ဘယ်ဘက်သို့ ညှိခြင်း စာသား ညှိခြင်း အပေါ် လေ့ကျင့်ခန်း စာသား ထူခြင်း စာလုံးစောင်း စာလုံး အရွယ်အစား စာလုံး မိသားစု စာကြောင်းအကြား ကွာဟချက် ယူနစ်မပါသော line-height တန်ဖိုး font အတိုကောက် property စာသား၏ အနီစာကြောင်း စာသား အကျိုးသက်ရောက်မှုများ စာသား၏ အောက်မျဉ်းသား ခြင်း စာသား၏ အပေါ်မျဉ်းသား ခြင်း စာသားကို မျဉ်းဖြတ်ခြင်း စာသားအတွက် အကျိုးသက်ရောက်မှုများ ပယ်ဖျက်ခြင်း လက်တွေ့လေ့ကျင့်ခန်း

စီလက်တာ (Selectors)

တဂ်များ၏ ဆွေမျိုးဆက်နွှယ်မှု ဂုဏ်သတ္တိများ အမွေဆက်ခံခြင်း စီလက်တာများ အုပ်စုဖွဲ့ခြင်း ယေဘူယျ ဂုဏ်သတ္တိများ အဆက်အနွယ် စီလက်တာများ သားသမီး စီလက်တာ ကလပ်စ် စီလက်တာ တဂ် span တဂ် div ကလပ်စ်များ အုပ်စုဖွဲ့ခြင်း ကလပ်စ် သတ်မှတ်ထားသော တဂ် အဆက်အနွယ် စီလက်တာနှင့် ကလပ်စ်များ အဆက်အနွယ် စီလက်တာနှင့် ကလပ်စ်များ၏ ရှုပ်ထွေးသော ပေါင်းစပ်မှုများ အဆက်အနွယ် စီလက်တာတွင် အစပြုသူများ၏ အမှား ကလပ်စ်အမျိုးမျိုးရှိသော အယ်လီမင့် id အလိုက် စီလက်တာ id အလိုက် စီလက်တာနှင့် ကလပ်စ်များ id ကို အသုံးပြုခြင်း ကလပ်စ်အမျိုးမျိုးအလိုက် စီလက်တာ စီလက်တာအမျိုးမျိုး ပေါင်းစပ်ခြင်း စီလက်တာအမျိုးမျိုး အမှား ရှုပ်ထွေးသော စီလက်တာများ အုပ်စုဖွဲ့ခြင်း အုပ်စုဖွဲ့ရာတွင် အမှား စီလက်တာ ပေါင်းစပ်မှု လေ့ကျင့်ခန်း စီလက်တာများ၏ ဦးစားပေးမှု ဂုဏ်သတ္တိများ ပဋိပက္ခအကြောင်း မှတ်ချက် သီးခြားတိကျမှု စည်းမျဉ်းများ အဆက်အနွယ် စီလက်တာများ၏ ဦးစားပေးမှု ကပ်လျက် ညီအစ်ကို စီလက်တာ ယေဘူယျ ညီအစ်ကို စီလက်တာ ကမ္ဘာလုံးဆိုင်ရာ စီလက်တာ အက်ထရီဗျုများ၏ စီလက်တာများ လင့်ခ်များ၏ အခြေအနေများ လင့်ခ်အခြေအနေများ စီစဉ်ပုံ၏ အနုစိတ်များ link နှင့် visited အခြေအနေများ လင့်ခ်အခြေအနေများ ပုံမှန်အသုံးပြုခြင်း လင့်ခ်များနှင့်အတူ ရှုပ်ထွေးသော စီလက်တာများ ကလပ်စ်ပါသော လင့်ခ် အဆုံးသတ် အယ်လီမင့်များ ရွေးချယ်ခြင်း အနေအထားအလိုက် ရွေးချယ်ခြင်း တစ်ဦးတည်းသော အဆက်အနွယ် ရွေးချယ်ခြင်း ဗလာ အယ်လီမင့်များ ရွေးချယ်ခြင်း အနေအထားနှင့် အယ်လီမင့်အမျိုးအစားအလိုက် ရွေးချယ်ခြင်း ငြင်းပယ်ခြင်း not

အလှဆင်ခြင်း

နောက်ခံအရောင် အနားသတ်များနှင့် အခြေခံလုပ်ဆောင်ချက်များ တစ်ဆက်တည်းအနားသတ် အစက်အနားသတ် အမှတ်တန်းအနားသတ် ချွန်ထွက်အနားသတ် နှစ်ထပ်အနားသတ် အနားသတ်အတွက် အတိုကောက်ပိုင်ဆိုင်မှု မတူညီသောဘေးဘက်များအတွက် အနားသတ်များ ဘလောက်၏အနားသတ်များကို ဝိုင်းစေခြင်း နောက်ခံ၏အနားသတ်များကို ဝိုင်းစေခြင်း စက်ဝိုင်းဖန်တီးခြင်း မတူညီသောထောင့်များအတွက် ဝိုင်းစေခြင်း တန်ဖိုးလေးခု တန်ဖိုးနှစ်ခု တန်ဖိုးသုံးခု ရာခိုင်နှုန်းဖြင့် ဝိုင်းစေခြင်း ရာခိုင်နှုန်းဖြင့် ဝိုင်းစေရာတွင် စက်ဝိုင်းဖန်တီးခြင်း နောက်ခံအတွက် ရုပ်ပုံ နောက်ခံရုပ်ပုံကို ထပ်ခါထပ်ခါပြုလုပ်ခြင်း နောက်ခံအတွက် အခြားပိုင်ဆိုင်မှုများ ul စာရင်းများ၏ အမှတ်အသားများ စတုရန်းပုံ ul စာရင်းများ၏ အမှတ်အသားများ စက်ဝိုင်းပုံစံ ul စာရင်းများ၏ အမှတ်အသားများ အရောင်ဖြည့်ထားသော စက်ဝိုင်းပုံစံ ul စာရင်းများ၏ အမှတ်အသားများ ul စာရင်းများ၏ အမှတ်အသားများ မရှိခြင်း ol စာရင်းများ၏ အမှတ်အသားများ ol စာရင်းများအတွက် အသေးစာလုံး ရောမကိန်းဂဏန်းများ ol စာရင်းများအတွက် အကြီးစာလုံး ရောမကိန်းဂဏန်းများ ol စာရင်းများအတွက် အသေးစာလုံး လက်တင်အက္ခရာများ ol စာရင်းများအတွက် အကြီးစာလုံး လက်တင်အက္ခရာများ ol စာရင်းများအတွက် အသေးစာလုံး ဂရိအက္ခရာများ ol စာရင်းများအတွက် ရှေ့တွင် သုညပါသော ကိန်းဂဏန်းများ

ဘလော့ခ်မော်ဒယ်

ပြင်ပအကွာအဝေး margin ဘေးဘက်အမျိုးမျိုးအတွက် margin အကွာအဝေးများ margin တွင် တန်ဖိုးများစွာ margin တွင် တန်ဖိုးလေးခု margin တွင် တန်ဖိုးနှစ်ခု margin တွင် တန်ဖိုးသုံးခု အတွင်းပိုင်းအကွာအဝေး padding ဘေးဘက်အမျိုးမျိုးအတွက် padding အကွာအဝေးများ padding တွင် တန်ဖိုးများစွာ အစိတ်အပိုင်းများ ချဲ့ထွင်ခြင်း အစိတ်အပိုင်းများ ချဲ့ထွင်ခြင်းအပေါ် နယ်နိမိတ်ကြောင်း၏သက်ရောက်မှု အစိတ်အပိုင်းများ ချဲ့ထွင်ခြင်းအပေါ် padding နှင့် နယ်နိမိတ်ကြောင်း၏ ပူးပေါင်းသက်ရောက်မှု အစိတ်အပိုင်းများ ချဲ့ထွင်ခြင်းကို ပယ်ဖျက်ခြင်း ဘလော့ခ် အစိတ်အပိုင်းများ ဘလော့ခ်အစိတ်အပိုင်း၏ အကျယ်နှင့် အမြင့် ဘလော့ခ်အစိတ်အပိုင်း၏ အကျယ် ဘလော့ခ်အစိတ်အပိုင်း၏ အမြင့် အကြောင်းအရာမပါဘဲ အမြင့် ဘလော့ခ်အစိတ်အပိုင်းများစွာ ဘေးချင်းကပ် အိုင်းလိုင်း အစိတ်အပိုင်းများ အိုင်းလိုင်းအစိတ်အပိုင်း၏ အကျယ်နှင့် အမြင့် အိုင်းလိုင်းအစိတ်အပိုင်းများစွာ ဘေးချင်းကပ် အိုင်းလိုင်းအစိတ်အပိုင်းများကြား အကွာအဝေး ဘလော့ခ်မော်ဒယ် သတ်မှတ်ချက် display ဂုဏ်သတ္တိ အိုင်းလိုင်း-ဘလော့ခ် အစိတ်အပိုင်းများ အိုင်းလိုင်း-ဘလော့ခ်အစိတ်အပိုင်း၏ အကျယ်နှင့် အမြင့် အိုင်းလိုင်း-ဘလော့ခ်အစိတ်အပိုင်း၏ အကျယ် အိုင်းလိုင်း-ဘလော့ခ်အစိတ်အပိုင်း၏ အမြင့် အိုင်းလိုင်း-ဘလော့ခ်အစိတ်အပိုင်းများစွာ ဘေးချင်းကပ် ဘလော့ခ်အစိတ်အပိုင်းများ ချိန်ညှိခြင်း ဘယ်ဘက်အကွာအဝေးဖြင့် ဘလော့ခ်အစိတ်အပိုင်း ချိန်ညှိခြင်း ညာဘက်အကွာအဝေးဖြင့် ဘလော့ခ်အစိတ်အပိုင်း ချိန်ညှိခြင်း အိုင်းလိုင်းအစိတ်အပိုင်းများ ချိန်ညှိခြင်း အိုင်းလိုင်းအစိတ်အပိုင်းများ ဗဟိုချိန်ညှိခြင်း အိုင်းလိုင်းအစိတ်အပိုင်းများစွာ ဗဟိုချိန်ညှိခြင်း အိုင်းလိုင်းအစိတ်အပိုင်းများ ညာဘက်အနားညီအောင် ချိန်ညှိခြင်း အိုင်းလိုင်း-ဘလော့ခ်အစိတ်အပိုင်းများ ချိန်ညှိခြင်း အိုင်းလိုင်း-ဘလော့ခ်အစိတ်အပိုင်းများ ဗဟိုချိန်ညှိခြင်း အိုင်းလိုင်း-ဘလော့ခ်အစိတ်အပိုင်းများ ညာဘက်အနားညီအောင် ချိန်ညှိခြင်း ဖလက်စ် အစိတ်အပိုင်းများ ဖလက်စ်အစိတ်အပိုင်းများ၏ မိဘ အမြင့် ဖလက်စ်အစိတ်အပိုင်းများ၏ မိဘ အကျယ် အိုင်းလိုင်း-ဘလော့ခ် မိဘ မိဘ၏ padding အကွာအဝေးများ သားသမီးများအတွက် margin အကွာအဝေးများ ဖလက်စ်အစိတ်အပိုင်းများ ချိန်ညှိခြင်း ဖလက်စ်အစိတ်အပိုင်းများ ဗဟိုသို့ ချိန်ညှိခြင်း ဖလက်စ်အစိတ်အပိုင်းများ မိဘအတိုင်း ချိန်ညှိခြင်း အကွာအဝေးများဖြင့် ဖလက်စ်အစိတ်အပိုင်းများ မိဘအတိုင်း ချိန်ညှိခြင်း တူညီသောအကွာအဝေးများဖြင့် ဖလက်စ်အစိတ်အပိုင်းများ မိဘအတိုင်း ချိန်ညှိခြင်း

အနေအထားသတ်မှတ်ခြင်း

အပြည့်အဝအနေအထား အနှိုင်းအနေအထား မိဘအခြေပြု အပြည့်အဝအနေအထား အပြည့်အဝအခြေပြု အပြည့်အဝအနေအထား ကိုဩဒီနိတ်မပါသော အပြည့်အဝအနေအထား absolute မှတစ်ဆင့် အလယ်ဗဟိုချခြင်း absolute ၏ အနုတ်တန်ဖိုးများ ပုံသေအနေအထားသတ်မှတ်ခြင်း စကရင်အကျယ်အပြည့် ဘလောက် Z ဝင်ရိုးအလိုက် အစိတ်အပိုင်းများထပ်ခြင်း Z ဝင်ရိုးအလိုက် အစိတ်အပိုင်းထပ်ခြင်းကို ထိန်းညှိခြင်း z-index ၏ အနုတ်တန်ဖိုး အသုံးပြုမှု အသေးစိတ်အချက်များ

ဖလိုက်များ

ဖလိုက်ဂုဏ်သတ္တိနိဒါန်း ဖလိုက်ဂုဏ်သတ္တိနှင့် တဂ်များ ဖလိုက်နှင့် margin ပေါင်းစပ်ခြင်း ဖလိုက်နှင့် padding ပေါင်းစပ်ခြင်း တဂ်များအောက်ရှိ မျောနေသောအစိတ်အပိုင်းများ မိဘအပေါ် ဖလိုက်များ၏သက်ရောက်မှု ဖလိုက်များ၏ မိဘအမြင့် ဖလိုက်များ၏ မိဘအတွင်းရှိ စာသား ဝန်းရံခြင်း ဝန်းရံခြင်း ပယ်ဖျက်ခြင်း clearfix ဖြင့် သီးခြား div မိဘအမြင့်နှင့် clearfix ဘလောက်များအတွက် float ဂုဏ်သတ္တိ float ဂုဏ်သတ္တိနှင့် ဘလောက်များစွာ float ဂုဏ်သတ္တိနှင့် စာသားမပါသော မိဘ

ဖလက်စ်များ

အတန်း သို့မဟုတ် ကော်လံအလိုက် နေရာချထားခြင်း ဖလက်စ်အစုများကို အတွေးပြောင်းအတန်းတွင် နေရာချထားခြင်း ဖလက်စ်အစုများကို ကော်လံအလိုက် နေရာချထားခြင်း ဖလက်စ်အစုများပါသော ကော်လံကို ပြောင်းပြန်လှန်ခြင်း အဓိကဝင်ရိုးနှင့် ဖြတ်ဝင်ရိုး အဓိကဝင်ရိုးအလိုက် ညှိခြင်း ဖြတ်ဝင်ရိုးအလိုက် ညှိခြင်း align-items ဂုဏ်သတ္တိ၏ center တန်ဖိုး ဘလောက်များ၏ အမြင့်မရှိဘဲ ဗဟိုချည်ထားခြင်း ကွဲပြားသောအမြင့်ရှိသည့် ဘလောက်များနှင့် ဗဟိုချည်ထားခြင်း align-items ဂုဏ်သတ္တိ၏ stretch တန်ဖိုး ဝင်ရိုးများအလိုက် ညှိခြင်း လက်တွေ့အစီအစဉ် တစ်ခုတည်းသော အစု၏ ညှိခြင်း ဖလက်စ် ဘလောက်များ၏ အစီအစဉ်

ဂရစ်များ

ဂရစ်များနှင့် မိတ်ဆက် ထရက်များနှင့် လိုင်းများ ဒီဘက်ကာတွင် ပြသခြင်း ကော်လံများ fr ယူနစ် အပိုင်းကိန်း fr ပစ်ဆယ်များနှင့် fr ရာခိုင်နှုန်းများနှင့် fr repeat ဖန်ရှင် auto တန်ဖိုး auto-fill တန်ဖိုး minmax ဖန်ရှင် auto-fit တန်ဖိုး အတန်းများ အတန်းနှင့် ကော်လံများအတွက် အတိုကောက် အတန်းများ ပေါင်းစည်းခြင်း ကော်လံများ ပေါင်းစည်းခြင်း ပေါင်းစည်းမှုများ၏ ပေါင်းစပ် ကော်လံများ ထပ်နေခြင်း ကော်လံများအကြား အကွာအဝေး အတန်းများအကြား အကွာအဝေး ကော်လံနှင့် အတန်းများအကြား အကွာအဝေး Tile ခင်းခြင်း

အလိုက်အထားများ

မီနူးဖန်တီးခြင်း ဝဘ်ဆိုဒ်များ၏ ရိုးရှင်းသောတစ်ကော်လံအလိုက်အထား အထုပ်ပတ်များစွာပါသော အလိုက်အထားပုံစံ ဝဘ်ဆိုဒ်၏ဖွဲ့စည်းပုံအဆောက်အဦများ ကော်လံနှစ်ခုပါအလိုက်အထားပုံစံ ဝဘ်ဆိုဒ်၏ကော်လံသုံးခုပါအလိုက်အထားပုံစံ ဝဘ်ဆိုဒ်အလိုက်အထားအစိတ်အပိုင်းများအတွက် အထူးတဂ်များ အဓိကအလိုက်အထားတဂ်များ အပိုင်းများအတွက် တဂ် အလိုက်အထားများပေါ်လေ့ကျင့်ခန်း
↑
မြန်မာ▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
ဝက်ဘ်ဆိုက် လုပ်ဆောင်ခြင်း၊ ဆန်းစစ်လေ့လာခြင်းနှင့် ပုဂ္ဂလိကပြုပြင်ခြင်းအတွက် ကျွန်ုပ်တို့သည် cookie များကို အသုံးပြုပါသည်။ ဒေတာများကို ပြုပြင်ခြင်းသည် ကိုယ်ရေးကိုယ်တာ မူဝါဒအတိုင်း ဖြစ်ပါသည်။
အားလုံးလက်ခံရန် ပြင်ဆင်ရန် ငြင်းပယ်ရန်