How To Add CSS

CSS ကို HTML page ထဲသို့ ထည့်သွင်းနည်း ၃ မျိုးရှိပါတယ်။ External CSS က production website တွေအတွက် အကောင်းဆုံးပါ။ CSS file သီးသန့်ထားလို့ maintenance လွယ်ပြီး page အများကြီးမှာ reuse လုပ်နိုင်ပါတယ်။ Internal CSS က single page test, landing page prototype, tutorial demo တွေအတွက်အဆင်ပြေပါတယ်။ Inline CSS ကတော့ တစ်ခုချင်းစီကိုအမြန်ပြင်ဖို့သုံးနိုင်ပေမယ့် project ကြီးလာရင် code ရှုပ်စေတတ်ပါတယ်။

<!-- 1) External CSS: recommended for real projects -->
<link rel="stylesheet" href="styles.css">

<!-- 2) Internal CSS: useful for small demos -->
<style>
  body {
    background-color: lightblue;
  }
</style>

<!-- 3) Inline CSS: use carefully -->
<h1 style="color: navy;">A Blue Heading</h1>

နည်းလမ်း ၃ မျိုးလုံးက HTML element တွေကို style ပြောင်းပေးနိုင်ပါတယ်။ Real website တွေမှာတော့ External CSS ကိုပိုသုံးသင့်ပါတယ်။