চলুন CSS ব্যবহারের পদ্ধতিগুলি সম্পর্কে জেনে নেই

আমরা ইতোমধ্যেই জেনে থাকবো যে CSS হচ্ছে Cascading Style Sheets। এটাকে আমরা মেকআপের সাথে তুলনা করতে পারি :blush:। কেননা, html এর ট্যাগের উপর CSS এপ্লাই করে আমরা তার চেহারার আমূল পরিবর্তন করতে পারি।

এবার আজকের বিষয় নিয়ে কথা বলা যাক। শিরোনাম দেখেই বুঝতে পারছেন যে আমরা এখন CSS ব্যবহারের পদ্ধতি নিয়ে কিছু ধারণা পাবার চেষ্টা করবো ইং শা আল্লহ।
CSS ব্যবহারের পদ্ধতি ৩টি। যথাঃ

  1. Inline CSS
  2. Internal CSS
  3. External CSS

এবার এই ৩ প্রকার CSS এর সংক্ষিপ্ত বিবরণ দেবার চেষ্টা করছি।

১) Inline CSS: Inline CSS হচ্ছে সেই ধরণের CSS যা আমরা সরাসরি HTML Element এ ব্যবহার করে থাকি। Inline CSS পৃথক পৃথক এলিমেন্ট কে দ্রুত স্টাইল দেবার ক্ষেত্রে বেশি উপযোগী।

এক্ষেত্রে লক্ষ্যণীয় বিষয় হচ্ছে আমরা যখন HTML Element এ CSS ব্যবহার করবো তখন সেটি “Style” নামক Attribute এর মধ্যে ব্যবহার করতে হবে।

<h4 class="dream" style="color:red; font-size: 34px">My Dream</h4>

২) Internal CSS: Internal CSS হচ্ছে সেই ধরণের CSS যা আমরা HTML ডকুমেন্টের “” নামক প্যারেন্ট ট্যাগের মধ্যে “” নামক Child ট্যাগ নিয়ে ব্যবহার করে থাকি। এক্ষেত্রে আমরা “” নামক Child ট্যাগের মধ্যে Selector ধরে তাতে Property এবং Value দিয়ে CSS ব্যবহার করি।

এই ধরনের পদ্ধতি সিংগেল পেইজের জন্য আদর্শ, বিশেষত যখন Style সেই পৃষ্ঠার জন্যই প্রযোজ্য হয়।

<head>
  
    <style>
             .dream {
            color: yellow;
            }

    </style>

</head>

৩) External CSS: External CSS হচ্ছে সেই পদ্ধতি যেখানে CSS লেখার জন্য আলাদা একটি ফাইল তৈরি করা হয় যার Extension অবশ্যই (.css) হতে হবে। এবং সেই ফাইলটিকে আবশ্যিকভাবে HTML File এর সাথে “link” নামক ট্যাগের মাধ্যমে লিংক করে দিতে হবে।

মাল্টিপল পেজ অর্থাৎ বড় বড় সাইটগুলি সহজে মেইনটেইন করতে মূলত এই ধরনের পদ্ধতির ব্যবহার করা হয়।

.dream {
    color: blue; 
}
3 Likes