সিএসএস কি? সিএসএস (CSS) কেন প্রয়োজন?

informationbangla.com default featured image compressed

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

(১) সিএসএস (CSS) কি?

সিএসএস

সিএসএস (CSS) এর পূর্ণ রূপ হলো – Cascading Style Sheet. স্ক্রিন, পেপার বা অন্যান্য মিডিয়াতে HTML এলিমেন্টকে আকর্ষণীয়ভাবে উপস্থাপন করতে CSS ব্যবহার করা হয়। CSS এইচটিএমএল এ এক্সটার্নাল ব্যবহার করলে সময় সাশ্রয় হয়। কারণ এটি একই সাথে একাধিক পেইজের লে-আউট নিয়ন্ত্রণ করতে পারে।

এক কথায়, ওয়েব পেইজের বিভিন্ন উপাদানের গঠন, আকার, আকৃতি, রং, গতিশীলতা ইত্যাদি নির্ধারণের সহজ উপায় হচ্ছে CSS. তাছাড়া বাহ্যিকভাবে স্টাইল শিট ব্যবহার করার জন্য CSS ফাইলের নামের শেষে. css এক্সটেনশন দিতে হয়।

(২) সিএসএস (CSS) কেন ব্যবহার করবেন?

যেকোন ওয়েবপেইজ ডিজাইন করা, গঠন তৈরি করা এবং ওয়েব পেইজ বিভিন্নভাবে প্রদর্শন করার জন্য সিএসএস ব্যবহার করা হয়।

সিএসএস এর মাধ্যমে আপনি বিভিন্ন ডিভাইসে একটি ওয়েবপেইজকে সুন্দরভাবে উপস্থাপন করতে পারবেন।

(৩) সিএসএস (CSS) কেন প্রয়োজন?

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

তবে বর্তমানে একটা ওয়েবসাইটে 1,000 বা তার বেশি একই ধরনের পেইজ থাকে তাহলে একটি মাত্র সিএসএস (CSS) স্ক্রিপ্ট ব্যবহার করে সম্পূর্ণ ডিজাইন করা যায়। সিএসএস এর কারণে বর্তমানে ওয়েবপেইজ ডিজাইন করা অনেক সহজ হয়ে গেছে। এক কথায় বলা যায় সিএসএস এর প্রয়োজনীয়তা অতুলনীয়।

HTML এ সিএসএস যোগ করার ৩টি পদ্ধতি রয়েছে–

  • External Style Sheet
  • Internal Style Sheet
  • Inline Sheet

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

অনুরোধ!! পোষ্ট ভালো লাগলে প্লিজ উপরের শেয়ার আইকনে ক্লিক করে পোষ্টটি শেয়ার করে দিন।

Leave a Reply

Your email address will not be published. Required fields are marked *

Shareit Download - শেয়ারইট ডাউনলোড করব কীভাবে

শেয়ারইট ডাউনলোড করব কীভাবে? Shareit Download

আলোচ্য বিষয়: (১) শেয়ারইট (Shareit) কি? (২) শেয়ারইট (Shareit) এপস ডাউনলোড করব কীভাবে? Read
ফরম্যাট ছাড়াই হার্ডডিস্ক পার্টিশন করবেন কীভাবে

ফরম্যাট ছাড়াই হার্ডডিস্ক পার্টিশন করবেন কীভাবে?

আলোচ্য বিষয়: (১) হার্ডডিস্ক পার্টিশন করা প্রয়োজন কেন? (২) ডিস্ক মেনেজম্যান্ট এর মাধ্যমে হার্ডডিস্ক পার্টিশন পদ্ধতি (৩) সফটওয়্যার ব্যবহার করে ডিস্ক পার্টিশন পদ্ধতি (৪) ফরম্যাট না করে হার্ড ড্রাইভ পার্টিশন পদ্ধতি Read
পাশে সাবধান, AI এর উত্থান ও আমাদের ভবিষ্যৎ

পাশে সাবধান: AI এর উত্থান ও আমাদের ভবিষ্যৎ

আলোচ্য বিষয়: (১) পাশে সাবধান: মানে কি? (২) AI: একটি নতুন যুগের সূচনা (৩) AI এর ইতিহাস: যেভাবে শুরু হলো (৪) AI এর প্রযুক্তিগত ভিত্তি: এটি কীভাবে কাজ করে? (৫) AI এর বর্তমান প্রভাব: আমাদের চারপাশে (৬) AI এর ঝুঁকি: যেখানে সাবধানতা জরুরি (৭) ভবিষ্যৎ সম্ভাবনা: AI কোথায় নিয়ে যাবে? (৮) বাংলাদেশের প্রেক্ষাপটে AI (৯) কীভাবে সাবধান থাকব? Read
informationbangla.com default featured image compressed

স্মার্টফোনে ফেসবুক মেসেঞ্জার লগ আউট করবো কীভাবে?

আলোচ্য বিষয়: (১) মেসেঞ্জার লগ আউট করার ২টি পদ্ধতি (২) কেন মেসেঞ্জার থেকে লগ আউট করা দরকার? (৩) FAQ: মেসেঞ্জার লগ আউট নিয়ে সাধারণ প্রশ্ন Read
কৃত্রিম উপগ্রহ কাকে বলে, কৃত্রিম উপগ্রহের ব্যবহার কি কি

কৃত্রিম উপগ্রহ কাকে বলে? কৃত্রিম উপগ্রহের ব্যবহার কি কি?

আলোচ্য বিষয়: (১) কৃত্রিম উপগ্রহ/স্যাটেলাইট কি বা কাকে বলে? (২) কৃত্রিম উপগ্রহের গুরুত্বপূর্ণ কিছু কাজ বা ব্যবহার (৩) কৃত্রিম উপগ্রহ কীভাবে কক্ষপথে চলে? (৪) কৃত্রিম উপগ্রহ কীভাবে আবহাওয়ার পূর্বাভাস দেয়? Read
informationbangla.com default featured image compressed

OMR এর পূর্ণরূপ কি? ওএমআর বলতে কি বুঝ?

আলোচ্য বিষয়: (১) ওএমআর বলতে কি বুঝ? (OMR Full meaning) (২) ওএমআর (OMR) কীভাবে কাজ করে? (৩) OMR এর আরও পূর্ণরুপ জেনে নিন Read
informationbangla.com default featured image compressed

আউটপুট (Output) ডিভাইস কি? আউটপুট ডিভাইসের প্রকারভেদ

আলোচ্য বিষয়: (১) আউটপুট ডিভাইস (Output Device) কি? (২) আউটপুট ডিভাইসের কাজ (৩) আউটপুট ডিভাইসের নাম (৪) আউটপুট ডিভাইসের প্রকারভেদ Read
ক্লাউড কম্পিউটিং কি, আইসিটি (HSC)

ক্লাউড কম্পিউটিং কি? আইসিটি (HSC)

আলোচ্য বিষয়: আলোচ্য বিষয়: (১) ক্লাউড কম্পিউটিং কি? আইসিটি (২) ক্লাউড কম্পিউটিং কীভাবে কাজ করে? (৩) ক্লাউড কম্পিউটিং-এর বর্তমান ব্যবহার (৪) ক্লাউড কম্পিউটিং-এর সুবিধা ও চ্যালেঞ্জ (৫) ভবিষ্যতে ক্লাউড কম্পিউটিং Read
স্পেস স্টেশন কি, আন্তর্জাতিক মহাকাশ স্টেশন

স্পেস স্টেশন কি? আন্তর্জাতিক মহাকাশ স্টেশন

আলোচ্য বিষয়: (১) স্পেস স্টেশন কি? (২) আন্তর্জাতিক মহাকাশ স্টেশন সম্পর্কে বিভিন্ন তথ্য Read
informationbangla.com default featured image compressed

হোয়াটসঅ্যাপ (WhatsApp) কি? সবার আগে ব্যবহার করুন হোয়াটসঅ্যাপের আপকামিং ফিচার!

আলোচ্য বিষয়: (১) হোয়াটসঅ্যাপ (WhatsApp) কী? (২) হোয়াটসঅ্যাপ কীভাবে কাজ করে? (৩) হোয়াটসঅ্যাপ এর বৈশিষ্ট্য (৪) হোয়াটসঅ্যাপের আপকামিং ফিচার! (৫) হোয়াটসঅ্যাপের বেটা টেস্টার হিসেবে সাইন আপ করবেন কীভাবে? Read