CSS শিখুন [পর্ব-১]

CSS কি?

CSS অর্থ হচ্ছে Cascading Style Sheets। এটি ওয়েব ডিজাইনের একটি জনপ্রিয় ল্যাঙ্গুয়েজ।

CSS এর কাজ কি?

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

CSS Selector কি?

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

Structure of Selector:
SELECTOR { PROPERTY: VALUE }

উপরের কোডটি একটু ভালো ভাবে খেয়াল করুন। এখানে Selector এর অধীনে আমি দুইটি এ্যালিমেন্টস লিখেছি। একটি হল Property আর অন্যটি হল Value। এখানে Propert হচ্ছে সেই এলিমেন্ট যাকে আমি আমার ইচ্ছেমতো ব্যবহার করতে পারবো। মোদ্দকথা, Property কে আমি আমার মতো করেই পরিচালনা করবো। আর অপর এ্যালিমেন্ট Value। বুঝতেই পারছেন এটা মান বিষয়ক কোন এ্যালিমেন্টস। হ্যাঁ, Value মূলত Property-র নির্দিষ্ট মানকে বুঝায়।
এখন ধরুন আমি CSS এর সাথে HTML এর এর একটা সরাসরি Connection তৈরী করবো এবং যা সম্পূর্ণ আমি আমার মতো করে পরিবর্তন/পরিবর্ধন কিংবা সংশোধন/সম্পাদন করবো। সেক্ষেত্রে এখন আমরা যে এলিমেন্ট ব্যবহার করবো, সেটা হচ্ছে Selector Name।

Selector Name
p { PROPERTY: VALUE }