📘 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ৩

CSS বেসিক ও ওয়েবসাইট সাজানো

১. CSS কী?

CSS (Cascading Style Sheets) হলো একটি স্টাইলিং ভাষা যা HTML এর কাঠামোকে সুন্দর করে সাজায়। CSS দিয়ে আমরা ওয়েবপেজের রং, ফন্ট, লেআউট ইত্যাদি নিয়ন্ত্রণ করি।

২. CSS যুক্ত করার তিনটি উপায়

Inline CSS: HTML ট্যাগের মধ্যে style অ্যাট্রিবিউট দিয়ে।
Internal CSS: HTML ফাইলের <style> ট্যাগের মধ্যে।
External CSS: আলাদা CSS ফাইল বানিয়ে <link> দিয়ে যুক্ত করা।

৩. CSS উদাহরণ

নিচে একটি সহজ HTML এবং CSS কোড দেওয়া হলো যা একটি শিরোনাম ও প্যারাগ্রাফকে রং ও ফন্ট স্টাইল দেয়:

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8">
  <title>CSS উদাহরণ</title>
  <style>
    h1 {
      color: #0077cc;
      font-family: Arial, sans-serif;
    }
    p {
      color: #333333;
      font-size: 16px;
      font-family: 'SolaimanLipi', sans-serif;
    }
  </style>
</head>
<body>

  <h1>আমার ওয়েবসাইট</h1>
  <p>এটি CSS দিয়ে স্টাইল করা হয়েছে।</p>

</body>
</html>

৪. CSS বেসিক প্রপার্টি

color – টেক্সটের রং
background-color – ব্যাকগ্রাউন্ড রং
font-size – ফন্টের সাইজ
font-family – ফন্টের ধরন
margin – এলিমেন্টের বাইরের ফাঁকা জায়গা
padding – এলিমেন্টের ভিতরের ফাঁকা জায়গা

নোট: External CSS ব্যবহার করলে আপনার ওয়েবসাইটের স্টাইল এক জায়গায় মেইনটেইন করা সহজ হয় এবং অনেক পেজে একই স্টাইল প্রয়োগ করা যায়।

৫. পরবর্তী পর্বের ধারণা

পরবর্তী পর্বে আমরা CSS-এ লেআউট নিয়ে শিখব — ফ্লেক্সবক্স ও গ্রিড নিয়ে আলোচনা থাকবে।

নিতাই বাবু

ChatGPT ভাবনা নিতাই বাবু ব্লগ জীবনের ঘটনা

সহযোগিতায় ও ব্লগ ডিজাইন by OpenAI

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ — পর্ব লিস্ট

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ — পর্ব লিংকসমূহ

নিতাই বাবু

পুরস্কারপ্রাপ্ত নাগরিক সাংবাদিক – ২০১৭। লেখালেখির শুরু শৈশবে, এখনো চলছে।
মূলত সমাজ, সংস্কৃতি, স্মৃতিচারণা ও ছন্দনিবদ্ধ রচনায় আগ্রহী।
ভাষার শুদ্ধচর্চা ও সাহিত্যসমৃদ্ধ বাংলার প্রতি অগাধ ভালোবাসা।

🌐 ব্লগ: নিতাই বাবু ব্লগ | জীবনের ঘটনা | চ্যাটজিপিটি ভাবনা

পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন: