কম্পিউটার টিউটোরিয়াল

CSS-এ এবসোলিউট লেথ ইউনিট (Absolute Length Units)

এবসোলিউট লেথ ইউনিটগুলো পরস্পর সাপেক্ষে الثابت (fixed)। আউটপুট ফরম্যাট পূর্বে পরিচিত থাকলে এগুলো ব্যবহার করা হয়।

Sr.Noইউনিট ও বর্ণনা
1cm
সেন্টিমিটার
2mm
মিলিমিটার
3in
ইঞ্চি (1in = 96px = 2.54cm)
4px
পিক্সেল (1px = 1/96th of 1in)
5pt
পয়েন্ট (1pt = 1/72 of 1in)
6pc
পিকা (1pc = 12 pt)

উদাহরণ ১: ইঞ্চি (in) এককে ফন্ট সাইজ

<!DOCTYPE html> <html> <head> <style> .demo {    text-decoration: overline underline;    text-decoration-color: blue;    font-size: 0.3in; } </style> </head> <body> <h1>Details</h1> <p class="demo">Examination Center near ABC College.</p> <p class="demo2">Exam begins at 9AM.</p> </body> </html>

আউটপুট

CSS-এ এবসোলিউট লেথ ইউনিট (Absolute Length Units)

উদাহরণ ২: সেমি (cm) এবং মিলিমিটার (mm)

<!DOCTYPE html> <html> <head> <style> .demo {    font-size: 1cm; } .demo2 {    font-size: 5mm; } </style> </head> <body> <h1>ICC Rankings</h1> <p class="demo">ICC Test Rankings released 29th November.</p> <p class="demo2">ICC ODI Rankings released 30th November.</p> </body> </html>

আউটপুট

CSS-এ এবসোলিউট লেথ ইউনিট (Absolute Length Units)

কখন ব্যবহার করবেন

  • px: স্ক্রিন মিডিয়া, ওয়েব ডিজাইন (সর্বাধিক ব্যবহার)
  • pt, pc: প্রিন্ট মিডিয়া (প্রিন্ট স্টাইলশিট)
  • cm, mm, in: প্রিন্ট লেআউট, পেজ সাইজ নির্ধারণ

রেসপনসিভ ডিজাইনে: এবসোলিউট ইউনিট এড়িয়ে রিলেটিভ ইউনিট (rem, em, %, vw, vh) ব্যবহার করুন।

  1. CSS দিয়ে অ্যাবসোলিউট পজিশনিং

  2. CSS Absolute এবং Relative Units

  3. HTML ডকুমেন্টে CSS ইনক্লুড করা

  4. CSS গ্রুপিং সিলেক্টর: একসাথে একাধিক এলিমেন্ট স্টাইল করা