CSS কাকে বলে ? এর কাজ কী এবং কিভাবে কাজ করে !

           আসসালামু ওয়ালাকুম।

 কেমন আছেন সবাই ,আশা করছি ভালো

আছেন। এর ভিতরে আপনি পোস্টের শিরোনাম দেখেছেন।

আজকে আমি আপনাদের সাথে আলোচনা করতে যাচ্ছি CSS কি? এর কাজ কি এবং কি ভাবে করে  ! তো আর কথা না বাড়িয়ে চলুন শুরু করি |

1 CSS কাকে বলে ?

সিএসএস(CSS) পুর্ণরুপ

হলো ক্যাস্কেডিং স্টাইল

শীট ( Cascading Style Sheet ) ।

সিএসএস এইচটিএমএল উপাদান সমুহ

কিভাবে তা প্রদর্শন করা হবে তা নির্ধারণ

করে।

2 CSS এর কাজ কী ? 

 CSS এর মাধ্যমে  যে কোন ওয়েব

পেইজের বিভিন্ন উপাদানের আকার, গঠন,

আকৃতি, অবস্থান, রং, ইত্যাদির ডিজাইন বা

নির্ধারণের সহজ উপায় হচ্ছে সিএসএস

(CSS) এর মাধ্যমে একটি ওয়েব সাইট

কে নিজের মনের মত করে ডিজাইন

করে যায় । এইচটিএমএল এর মাধ্যমে যে কোনো ওয়েব পেজ কে প্রদর্শন

করানো যায়. কিন্তু সিএসএস এর মাধ্যমে যে কোন  ওয়েব

পেজ কে প্রদর্শন করানো যায়না।

একটা সময় ছিল যখন ওয়েব সাইটের

ডিজাইন শুধুমাত্র HTML দিয়েই করা হতো।

সে সময়ে ডিজাইন বলতে একটা ওয়েব

পেজের বিভিন্ন ফন্ট এর কালার, সাইজ,

টেবিলের বিভিন্ন সেলের কালার, পুরো

পৃষ্ঠার ব্যাকগ্রাউন্ড কালার, এবং

প্রয়োজনীয় ইমেজ সংযোজনকে

বোঝানো হতো। এবং প্রতিটা

পেজের প্রতিটা উপাদানের জন্যই আলাদা

আলাদাভাবে কালার, সাইজ নির্ধারণ করতে

হতো। যা ছিলো একটি জটিল প্রক্রিয়া এবং

সময় সাপেক্ষ এর ব্যাপার। বর্তমানে যদি একটা

ওয়েব সাইটে ১০০০ বা এর অধিক একই

ধরনের পেজ থাকে তাহলেও একটি

মাত্র CSS স্ক্রিপ্ট ব্যবহার করে ডিজাইন

সম্পূর্ণ করা যায় | সিএসএস এর করনে

ডিজাইনারদের কষ্ট অনেক  কমই হয় এবং

একই কাজ বার বার করতে হয় না যার ফলে

অনেক ভাল করে খুবই কম সময়ে একটি

ভাল মানের ওয়েব সাইট ডিজাইন করা যায় ।

3 CSS কি ভাবে কাজ করে?

সিএসএস মোট তিন অংশে গঠিতঃ

1 Selector.

2 Property (Declaration)

3 Value (Delectration)

     

           যেমনঃ h1{color:green;}

এখানে h1 হল Selector, color হল

Property এবং green হল Value

CSS এর প্রকারভেদ। সিএসএস

মোট তিন প্রকারঃ

1 External Css

2 Internat Css

3 Inline Css

1 External Css: External Css এর জন্য

একটি আলাদা ফাইল নিতে হয় এবং .css নামে

সেভ করতে হয় । এবং পরে coding এর

মাধ্যমে HTML ফাইল এর মাঝে CSS টা ধরিয়ে দিতে হয়।

 যেমন : <*div class="menu">Menu</*div>

2 Internal Css: এটি Html ফাইলের

এর মাঝে লিখতে হয় । এবং style

নামের একটি Tag বাবহার করতে হয় ।
যেমনঃ<*style>.bg { background-color : #111 ;}</*style>

3 Inline Css: এটি HTML Tag এর মাঝে

লিখতে হয় ! এবং style
নামের একটি Tag বাবহার করতে হয় ।
যেমনঃ<*html> <*style>.bg { background-color : #111 ;}</*style> <*html>  

তো এই ছিল আজকের টিউন। আশা করছি

ভালো লেগেছে। এই ধরনের

আরো অনেক টিউন পেতে আমাদের

সাথেই থাকুন।

পোষ্টটি কেমন হলো অবশ্যই কমেন্টে জানাবে |

 পোষ্টে

কোন ভুলত্রুটি হলে ক্ষমা সুন্দর দৃষ্টিতে

দেখবেন।—আল্লাহ হাফেজ—