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

আজকের এই টিউটোরিয়াল সিএসএস কি? এবং এর কাজ কি ? এই বিষয়ে সম্পূর্ণ Knowledge আপনি পেয়ে যাবেন ,আপনি যদি একজন ওয়েব ডেভলোপের হতে চান বা এর বেপারে কিছু  নলেজ নিতে চান আপনি যদি বিগিনার হন এবং সি এস এস কি এটির বেপারে Information নিতে চান তাহলে সম্পূর্ণ তথ্য এই আর্টিকেল এর মাদ্ধমে আপনি জানতে পারবেন ।

একটি Website Create বা  ডিজাইন করতে হলে আপনাকে অবশ্যয় এই দুটি ল্যাঙ্গুয়েজে  আপনাকে ভালো করে শিখতে হবে। 1> HTML ও  2> CSS,

এবারে জেনে নেয়া যাক CSS মানে কি? 

CSS কি

CSS এর পূর্ণরূপ হলো Cascading Style Sheets.

সিএসএস এমন একটি ভাষা (Language) যা এইচটিএমএল ডকুমেন্টের স্টাইল বর্ণনা করে। সিএসএস বর্ণনা করে যে কীভাবে এইচটিএমএল উপাদানগুলি স্ক্রিন, বা অন্য মিডিয়ায় প্রদর্শিত হবে। Html এবং সিএসএস সবসময় একসাথে ব্যবহৃত হয়।

আসলে সিএসএস ও একটি  ল্যাঙ্গুয়েজে   Html এর মতোই  Html তে অনেকরকমের ট্যাগ ব্যবহার করা হয়, যেমন  <h1> header tag ,<p> paragraph tag, <img> image tag  এই সমস্ত ট্যাগ গুলিকে আমাদের ব্রাউসার তে আরো সুন্দর ভাবে দেখানোর জন্য সি এস এস ব্যবহার করা হয়। সংক্ষেপে, এটি ওয়েবসাইটের এইচটিএমএল উপাদানগুলিকে (Element) নিয়ন্ত্রণ করে।

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

CSS এর জনক হলেন Hakon Wium Lie. 

সিএসএস প্রথমে হ্যাকন ওয়িয়াম লাই দ্বারা প্রস্তাবিত হয়েছিল 10 ই অক্টোবর, 1994-এ,

CSS এর কাজ কি

সিএসএস এর কাজ হলো সাহায্যে আপনি HTML পেজ এর টেক্সট গুলিকে নতুন নতুন রং দিতে পারবেন। এছাড়াও যেমন কোনো টেক্সট এর ব্যাকগ্রাউন্ড কালার চেঞ্জ করা পুরো ওয়েবপেজ এর কালার চেঞ্জ করতে পারবেন টেক্সট সাইজ বোরো ছোট করা ও আকার বদলাতে এবং আপনার ওয়েব পেজ এর কোথায় কি আপনি রাখতে চান কোন জায়গায় সেটি আপনি ফিক্স করতে পারবেন এই সিএসএস এর সাহায্যে।আপনি অ্যানিমেশন তৈরী করতে পারবেন। আপনি যদি একজন ওয়েব ডিসাইনার হতে চান তাহলে আপনাকে সিএসএস খুব ভালোভাবে শিখতেই হবে।

CSS এর সুবিধা

সিএসএস আপনার সময় বাঁচাতে সাহায্য করে

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

সহজে পর্যবেক্ষণ ইজি মেইনটেনেন্স (easy maintainence)

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

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

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

একাধিক ডিভাইসের সামঞ্জস্য (Multiple Device Compatibility)

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

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