CSS কি? CSS এর কাজ কি এবং সুবিধা কি?

CSS কি?

CSS এর পূর্ণরূপ হলো Cascading Style Sheets. এটি এমন একটি ভাষা (Language) যা HTML এর ডকুমেন্টের স্টাইল বর্ণনা করে। এটি বর্ণনা করে যে কীভাবে HTML উপাদানগুলি স্ক্রিন, বা অন্য মিডিয়ায় প্রদর্শিত হবে। HTML এবং CSS সবসময় একসাথে ব্যবহৃত হয়।

ওয়েব পেজটিকে আকর্ষিত করা বা ডিজাইন বা Layout তৈরী করাই হলো CSS এর কাজ। HTML এবং CSS এই দুটি দিয়েই আপনি পুরো ওয়েবসাইট এর ডিজাইন করতে পারবেন। এক কথায় একটি সুন্দর ওয়েবসাইট ডিজাইন করতে হলে আপনাকে এই CSS Language খুব ভালো করে শিখতে হবে।

CSS এর কাজ কি?

CSS এর সাহায্যে আপনি HTML পেজ এর টেক্সট গুলিকে নতুন নতুন রং দিতে পারবেন। এছাড়াও কোনো টেক্সট এর ব্যাকগ্রাউন্ড কালার চেঞ্জ করা বা পুরো ওয়েবপেজ এর কালার চেঞ্জ করতে পারবেন। টেক্সট সাইজ বড় ছোট করা ও আকার বদলাতে পারবেন।

আপনার ওয়েব পেজ এর কোন জায়গায় কি রাখতে চান সেটি আপনি নির্ধারণ করতে পারবেন CSS এর সাহায্যে। CSS দিয়ে আপনি অ্যানিমেশন তৈরী করতে পারবেন। আপনি যদি একজন ওয়েব ডিজাইনার হতে চান তাহলে আপনাকে CSS খুব ভালোভাবে শিখতেই হবে।

CSS এর সুবিধা কি?

দ্রুত পেজ লোড করে CSS:

আপনি যদি CSS ব্যবহার করেন তাহলে আপনাকে HTML ট্যাগ এট্রিবিউটস বার বার লেখার দরকার পড়বে না। শুধুমাত্র একটি CSS এর রুল যেকোনো HTML ট্যাগ এর উপর Apply করলে হবে। একটি ট্যাগের একটি CSS নিয়ম লিখুন এবং এটি ট্যাগের সমস্ত উপস্থিতিতে প্রয়োগ করুন। তাই যত কম আপনার ডকুমেন্ট এ Code থাকবে তত আপনার পেজ লোডিং ফাস্ট বা দ্রুত হবে।

CSS সময় বাঁচাতে সাহায্য করে :

আপনার ওয়েবসাইটটি যত বড় হোক না কেন, CSS আপনার সময় বাঁচাবে। এছাড়াও CSS বড় ওয়েবসাইটগুলির রক্ষণাবেক্ষণের সাথে সম্পর্কিত ঝুঁকি হ্রাস করে। আপনি যদি একবার CSS লিখেন এবং সেটিকে আপনি একই Sheet এর HTML এর পেজের একাধিক জায়গাতে পুনরায় ব্যবহার করতে পারবেন।

আপনি প্রতিটি HTML এর এলিমেন্ট গুলির জন্য একটি করে আইডি দিতে পারেন এবং আপনার পছন্দমত সেটি অনেক ওয়েব পেজে প্রয়োগ করতে পারেন। এভাবে CSS আপনার সময় বাঁচাবে।

সহজে Element চেঞ্জ করা যায় :

আপনি যদি বড় কিছু চেঞ্জ করতে চান তাহলে Simple স্টাইল পরিবর্তন করুন এবং আপনার ওয়েব পেজ এর সমস্ত Element চেঞ্জ হয়ে যাবে অটোমেটিক। সুতরাং আপনি CSS ব্যবহার করে একটি সম্পূর্ণ ওয়েবসাইটের চেহারা পরিবর্তন করতে পারেন।

একাধিক ডিভাইসের সামঞ্জস্য করে :

CSS বিভিন্ন স্ক্রিন, ছোট পর্দা, বড় পর্দা বা প্রিন্টারগুলির মতো বিভিন্ন ধরণের ডিভাইসের সাথে উপস্থাপনাটি মানিয়ে নিতে সহায়তা করে। এর মানে হলো যে আমরা কেউ মোবাইল এ ইন্টারনেট এক্সেস করি কেউ আবার কম্পিউটারে আবার অনেকে ট্যাব এ অথবা ছোট ছোট মোবাইলে।

এগুলির স্ক্রিন সাইজ ভিন্ন যেমন মোবাইল এর স্ক্রিন ছোট আকারে আবার কম্পিউটার এর স্ক্রিন সাইজ বড়ো হয়। তাই CSS সামগ্রীকে একাধিক ধরণের ডিভাইসের জন্য অনুকূলিত করার অনুমতি দেয়। আপনি এই CSS এর সাহায্যে এটি নির্ধারণ করতে পারবেন যে কোন কোন ডিভাইস এ কেমন দেখাবে আপনার ওয়েব পেজটি।