সিএসএস কি? (What is CSS)ট্যাগ সিলেক্টর (Tag Selector)ক্লাস সিলেক্টর (Class Selector)-TwiceBD.xyz
If you have talent! You can share Here.
Search any Post of TwiceBD
HomeCssসিএসএস কি? (What is CSS)ট্যাগ সিলেক্টর (Tag Selector)ক্লাস সিলেক্টর (Class Selector)

সিএসএস কি? (What is CSS)ট্যাগ সিলেক্টর (Tag Selector)ক্লাস সিলেক্টর (Class Selector)

    Browse with TwiceBD Apk

সিএসএস কি?

Cascading Style Sheet এর সংক্ষিপ্ত রূপ হচ্ছে CSS । সহজ ভাষায় ওয়েব পেজের বিভিন্ন উপাদানের গঠন, আকার, আকৃতি, অবস্থান, রং, গতিশীলতা ইত্যাদি নির্ধারণের সহজ কৌশল হচ্ছে CSS ।

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

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

সিএসএস ব্যবহার করে তৈরি একটি নেভিগেশন বার

সিলেক্টর

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

ট্যাগ সিলেক্টর

CSS এ ওয়েব পেজের কোন অংশকে নির্দিষ্টভাবে চিহ্নিত করার জন্য যখন HTML ট্যাগ সমূহ ব্যবহার করা হয় তাকে ট্যাগ সিলেক্টর বলে। যেমন
  • body{background: #FC9;
  • font-family: Tahoma;
  • color: #F60;}

অনুশীলন প্রজেক্ট

</strong> Selectors<strong>

www.partnerbd.jdevcloud.com

body {background: #FC9; font-family: Tahoma; color: #F60;} এখানে body ট্যাগ সিলেক্টর।

ক্লাস সিলেক্টর

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

24 / 7 Support

এর জন্য css কোড .mar{color: #C03; font-size:36px} ক্লাস সিলেক্টর নির্দেশ করার জন্য HTML ট্যাগের মধ্যে class কি-ওয়ার্ড ব্যবহার করা হয় এর পর = চিহ্ন দিয়ে ডাবল কোটেশন এর ভেতরে ক্লাস এর নাম লেখা হয়। যেমন

। এখানে mar ক্লাসের নাম। স্টাইল সিটে ক্লাসকে চিহ্নিত করতে (.) ডট চিহ্ন ব্যবহার করা হয়।

অনুশীলন প্রজেক্ট

</strong> Selectors<strong>

www.partnerbd.jdevcloud.com

We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement.

We are dedicated with client requrement. You can host your huge data of your company with our secured and hacking proof server. We are taking care of more than 1000 bangladeshi websites and their huge information.

24 / 7 Support

  একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।

আইডি সিলেক্টর

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

We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement.  information.

এর জন্য css কোড #post1{color:#066; font-family:karan; text-align:justify;} আইডি  সিলেক্টর নির্দেশ করার জন্য HTML ট্যাগের মধ্যে id কি-ওয়ার্ড ব্যবহার করা হয় এর পর = চিহ্ন দিয়ে ডাবল কোটেশন এর ভেতরে ক্লাস এর নাম লেখা হয়। যেমন

। এখানে post1 আইডির নাম। স্টাইল শীটে আইডিকে চিহ্নিত করতে (#) চিহ্ন ব্যবহার করা হয়।

অনুশীলন প্রজেক্ট

</strong> Selectors<strong>

www.partnerbd.jdevcloud.com

We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement.

We are dedicated with client requrement. You can host your huge data of your company with our secured and hacking proof server. We are taking care of more than 1000 bangladeshi websites and their huge information.

24 / 7 Support

একটা  নোটপ্যাড  open  করে  উপরের code  টুকু  লিখে  file  মেনু  থেকে  Save as এ ক্লিক করে File name:  index.html  ,   Save as type : All files,  দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে নিচে প্রদর্শিত ছবির মত দেখাবে।
]]>
10 months ago (April 6, 2019)
Report

About Author (63)

Leave a Reply on Twicebd

You must be to post comment.

Twicebd menu Back to top