X

X

X

CSS এর সূচনা


CSS কি?

  • CSS এর পুরো অর্থ Cascading Style Sheets
  • CSS দিয়ে বর্ণনা করা হয় HTML ইলামেন্টসমূহ কিভাবে বিভিন্ন স্ক্রিনে প্রদর্শিত হবে।
  • CSS অনেক সময় সাশ্রয় করে। এটি ব্যবহার করে একই কোড দিয়ে একাধিক পেজের লেআউট নিয়ন্ত্রণ করা যায়।
  • বাহ্যিক সিএসএস কোড  CSS ফাইলে সংরক্ষিত হয়।

CSS ডেমো- একই HTML পেজে একাধিক স্টাইলের ব্যবহার!

নিচের উদাহরণে একই পেজে একাধিক স্টাইলশিট ব্যবহার করে ইলামেন্টগুলোকে উপস্থাপণ করা হলো। “Stylesheet 1”, “Stylesheet 2”, “Stylesheet 3”, “Stylesheet 4” এই লিংকগুলোতে ক্লিক করে দেখুন কিভাবে এগুলো কাজ করে:


কেনো CSS ব্যবহার করবেন?

CSS ব্যবহার করে একই স্টাইলশিট এর মাধ্যমে একই পেজকে বিভিন্ন ডিভাইসে বিভিন্নভাবে উপস্থাপণ করা যায়। এটি একটি ওয়েব পেজের ডিজাইন, লেআউট এবং অন্যান্য বিষয় নিয়ন্ত্রণ করতে সাহায্য করে।


CSS খুব বড় ধরণের একটি সমস্যার সমাধান এনে দিয়েছে

HTML দিয়ে শুধুমাত্র একটি ওয়েবপেজের কাঠামো তৈরি করা যায়। আংশিক লেআউটও তৈরি করা যায়। কিন্তু এটি দিয়ে পেজটিকে অধিক দৃষ্টিনন্দন করে তোলা যায় না।

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

তবে যখন <font>, এবং color attribute সমূহকে HTML (3.2) তে যুক্ত করা হয়, তখন ডেভেলপারদের জন্য একটি নতুন ডিজাইনের দুনিয়া উন্মুক্ত হয়। কিন্তু কিছু সমস্যা থেকেই যায়, যেমন বড় বড় এবং অধিক কোড বিশিষ্ট ওয়েবসাইট তৈরি করার সময় খুব ভেজাল হতো, মেইনটেইন করাও খুব কঠিন হয়ে দাড়ায়।

এই সমস্যাটি দূর করার জন্য World Wide Web Consortium (W3C) সিএসএস তৈরি করে। সিএসএস আসার পর HTML ফরম্যাটিং ট্যাগ বাদ দেওয়া হয়, কেননা সেটি ব্যবহার করার আর কোনো প্রয়োজন নেই।

CSS অনেক সময় সাশ্রয় করে!

সাধারণত CSS কোড বাহ্যিক স্ট্যাটিক ফাইলে সংরক্ষণ করা হয়। কাজেই একই স্টাইলকে একাধিক পেজের জন্য ব্যবহার যায় খুব সহজে। এজন্য কোনো কারণে পুরো ওয়েবসাইটের ডিজাইন এবং আউটলুক পরিবর্তন করার জন্য শুধুমাত্র একটি স্টাইলশিটে পরিবর্তন করলেই হয়।