CSS (Cascading Style Sheet)

CSS এর মানে Cascading Style Sheet একটি ওয়েবসাইটকে সুন্দর করে সাজাতে ও আকর্ষনিক করে গড়ে তুলতে CSS এর ভুমিকা অনেক। HTML এর মাধ্যমে জেকোন ওয়েবসাইটের ষ্ট্রাকচার তৈরি করা যায় কিন্ত এটিকে আকর্ষনিয় করে গড়ে তুলতে CSS ব্যবহার করা অতি জরুরী। কারন উদাহরস্বরূপ বলা যায় একটি ইঞ্জিন তৈরি করতে অনেক যন্ত্রপাতির দরকার পড়ে কিন্ত যন্ত্রপাতি গুলো সঠিক ভাবে একসাথে করতে না পারলে ইঞ্জিন তৈরি হবে না। ওয়েবসাইট তৈরি করতে আমরা যদি শুধুমাত্র HTML ব্যবহার করি তা হলে শুধুমাত্র টেক্সট আকারে শো করবে কিন্ত CSS এর মাধ্যমে ঐ HTML কে জুড়ে একটি আকর্ষনিয় সাইট তৈরি করা যায়। যেমন যন্ত্রপাতি একসাথে জোড়া দিয়ে ইঞ্জিন বানানোর মত। মোটকথা ওয়েবসাইটের লোডিং টাইম কমানোর জন্য CSS ব্যবহার করা হয়। কারন HTML দ্বারা একটি সাইট বানাতে গেলে অনেক অনেক কোড লিখতে হয়। সে কারনে পেজ লোড হতে অনেক সময় নেয়। CSS ব্যবহার করে HTML এর কোড টাইপ করা অনেক কমিয়ে আনা যায়। যার কারনে পেজ লোড হতে সময় কম লাগে। সিএসএস এর মাধ্যমে ওয়েবপেজের লেখাকে সুন্দরভাবে উপস্থাপন করা যায়। যে কোন ছবিকে বর্ডার প্রদান করা যায়, ওয়েবপেজের লিংকগুলোকে সুন্দরভাবে উপস্থাপন করা যায়। ওয়েবপেজে CSS ব্যবহার না করতে পারলে ওয়েবসাইট পরিপূর্ণতা পায়না। CSS মুলত ব্যবহার করা হয় ওয়েবপেজের টেম্পলেট তৈরি করার জন্য এবং ওয়েবপেজে বক্সকে নির্দ্দিষ্ট মাপে উপস্থাপন করার জন্য CSS ব্যবহার করা হয়। লেখাকে কিভাবে উপস্থাপন করবেন তা CSS এর মাধ্যমে বলে দেওয়া যায়। সাধারনত HTML এর মধ্যে Head Section এর ভিতর CSS এর ষ্টাইল ঘোষোনা করে দেয়া হয়।

CSS এর কোড ষ্টাইল সাধারনত <style type="css/text"> ট্যাগ দিয়ে শুরু করতে হয় মাঝে প্রয়োজনিয় কোড লিখে </style> ট্যাগটি দিয়ে CSS এর কাজ শেষ করা হয়। CSS ব্যবহার করলে একটি ওয়েবসাইট ভিজিটরদের নিকট অনেকগ্রহনযোগ্য হয়ে পড়ে এবং ভিজিটররা ওয়েবসাইট ভিজিট করে আনন্দ পায়। যেমন আমরা যদি HTML দ্বারা কোন ওয়েবসাইট বানাই তাহলে তা টেক্সট আকারেই শো করবে কিন্ত ওয়েবসাইট বানাতে আমরা যদি CSS এর DIV ব্যবহার করি তাহলে ওয়েবসাইটটি দেখতে অনেক আকর্ষনিয় হবে। DIV এর মানে Division মানে ভাগ করে উপস্থাপন করা। আজকাল অনেক দামি ওয়েবসাইট আছে যারা এ পদ্ধতি ব্যবহার করে ওয়েবসাইট তৈরি করে থাকে এবং এগুলো অনেক দৃষ্টিনন্দন হয়ে থাকে। যেমনঃ www.freelancer.com সাইট এ সাইটটি দেখলে আপনারা বুঝতে পারবেন CSS এর উপকারিতা। CSS এর উপকারিতার কথা বলে শেষ করা যাবেনা। মোট কথা আপনি যদি ওয়েবসাইট ডিজাইন ও ডেভেলপ করতে চান তাহলে আপনাকে অবশ্যই HTML ও CSS শিখতে হবে। HTML এর অনেক ট্যাগই আছে যেগুলো align এট্রিবিউট ব্যবহার করে লেখাকে ডানে, বামে অথবা মাঝে বসানো যায়। আবার লেখার সাইজ বড় করার জন্য HTML এর রয়েছে বিভিন্ন ধরনের Heading ট্যাগ। যেমন h1, h2, h3 থেকে H6 পর্জন্ত। সাধারনত h1 থেকে h3 পর্জন্তই বেশী ব্যবহার করা হয় বাকিগুলো তেমন একটা ব্যবহার করা হয় না। কিন্ত আপনি যখন CSS ব্যবহার করবেন তখন আপনি এ কাজগুলো খুব সহজেই করতে পারবেন। text-direction ব্যবহার করার মাধ্যমে এ কাজগুলো খুব সহজেই করা যায়। CSS ব্যবহার করার মাধমে আপনি একটি ওয়েবসাইটে বিভিন্ন ষ্টাইল ব্যবহার করতে পারবেন।

CSS ব্যবহার করা প্রকারভেদঃ

একটি ওয়েবপেজকে আকর্ষনিয় করে গেড়ে তুলতে CSS কে আমরা তিনভাগে ব্যবহার করতে পারি। ১। ইন্টারনাল সিএসএস, ২। এক্সটারনাল সিএসএস ও ৩। ইনলাইন সিএসএস, সাধারনত একটি HTML ফাইলের Head সেকশনের ভিতর <style> ট্যাগ দিয়ে সিএসএস কোড লিখলে তাকে ইন্টারনাল সিএসএস বলে। আবার কোন HTML ফাইলের জন্য CSS কোড যদি বেশী হয়ে যায় তাহলে অন্য এডিটরে লিখে HTML এর Head সেকশনে যোগ করে দিলে তাকে এক্সটারনাল সিএসএস বলে। আবার প্রতি লাইনের জন্য CSS ব্যবহার করার জন্য প্রত্যেকটা লাইনে আলাদা ভাবে CSS যোগ করা হয় এ পদ্ধতিতে CSS ব্যবহার করাকে বলা হয়। ইনলাইন CSS.