CSS ဘာသာစကားနှင့် အလုပ်လုပ်ခြင်းအခြေခံများ

HTML ဘာသာစက်၏ အဓိကအမှတ်အသား (tags) များကို ကျွန်ုပ်တို့ လေ့လာပြီးဖြစ်ပြီး၊ အခုအခါတွင် လှပအောင်ပြုလုပ်ချိန်ရောက်ပါပြီ။ စာသား၏ အရောင်၊ အရွယ်အစား၊ နောက်ခံ နှင့် အခြားအရာများစွာကို ပြောင်းလဲနိုင်စွမ်းရှိလိုပါသည်။ ထိုသို့ပြုလုပ်ရန် CSS ဘာသာစကားကို အသုံးပြုပါသည်။

ပုံမှန်အားဖြင့်၊ CSS ညွှန်ကြားချက်များ (စတိုင်များ) ကို သီးခြားဖိုင်တစ်ခုတွင် သိမ်းဆည်းထားပြီး၊ ၎င်းကိုအထူး အမှတ်အသား (tag) တစ်ခုဖြင့် ကျွန်ုပ်တို့၏ ဝက်ဘ်ဆိုဒ်ရှိ HTML စာမျက်နှာအားလုံးသို့ ချိတ်ဆက်ပါသည်။

ဤနည်းလမ်၏ အားသာချက်မှာ CSS ဖိုင်သည် တစ်ခုတည်းဖြစ်ပြီး၊ HTML ဖိုင်များကို အရေအတွက်မကန့်သတ်ဘဲ ထောင်ပေါင်းများစွာ ရှိနိုင်ခြင်းပင်ဖြစ်သည်။ အကယ်၍ ကျွန်ုပ်တို့သည် CSS ဖိုင်၏ တစ်နေရာတည်းတွင် ပြောင်းလဲမှုတစ်ခုပြုလုပ်ပါက၊ ဥပမာ၊ စာပိုဒ်အားလုံးကို အနီရောင်ဆိုးမည်ဆိုပါက၊ ၎င်း ပြောင်းလဲမှုများသည် ကျွန်ုပ်တို့၏ CSS ဖိုင်ချိတ်ဆက်ထားသော HTML စာမျက်နှာအားလုံးတွင် အကျိုးသက်ရောက်မည်ဖြစ်သည်။ အလွန်အဆင်ပြေပြီး မြန်ဆန်သောနည်းလမ်းဖြစ်သည်။

စတိုင်များပါရှိသောဖိုင်သည် .css ချဲ့ထွင်မှု (extension) ရှိရပါမည်။ ထိုသို့သောဖိုင်ကို HTML စာမျက်နှာသို့ ချိတ်ဆက်ရန်၊ head အမှတ်အသားအတွင်း၌ ဤကဲ့သို့ တည်ဆောက်ပုံကို ရေးသားရပါမည်။

html<link rel="stylesheet" href="fileName.css">

အောက်ပါဥပမာတွင် ကျွန်ုပ်တို့၏ HTML ဖိုင်သို့ CSS ဖိုင် styles.css ကို ချိတ်ဆက်ထားပါသည်။

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>This is the title</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <p>
      This is a paragraph with text.
    </p>
  </body>
</html>