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

সবাইকে সালাম জানিয়ে আমি আমার সিএসএস নিয়ে ধারাবাহিক টিউন এর ২য় পর্ব শুরু করছি। গত পর্বে আমরা সিএসএস সম্পর্কে জেনেছিলাম। এখন আমরা সিএসএস এর অত্যন্ত গুরুত্বপূর্ণ একটি ধাপ Selector নিয়ে আলোচনা করব।

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 }

এখানে p দ্বারা HTML এর প্যারাগ্রাফ ট্যাগকে বুঝানো হয়েছে। যা CSS এ Selector Name হিসেবে আছে।
আজকের মতো ঈঝঝ এর ধারাবাহিক টিউন এখানেই শেষ করছি। আগামী টিউনে আমরা CSS লেখার যে তিনটি সিস্টেম আছে (Internal, External এবং Inline) সে সব বিষয় নিয়ে আলোচনা করবো।

সবার উদ্দেশ্যে একটা কথাঃ

ধরুন আপনি HTML, CSS, PHP, MySql কিংবা তার ও উপরে Visual Studio অথবা ASP.Net সব জানেন। আপনি একজন দক্ষ প্রোগ্রামারও বটে। কিন্তু আপনাকে যদি বলা হয়, কঠিন বিষয় বাদ শুধু মাত্র HTML নিয়ে একটা ধারাবাহিক টিউন করুন। আমি নিশ্চিত আপনি যদি কখনো টিউন করে না থাকেন তবে বেশ ভালো ঝামেলায় পড়বেন। কারণ, আপনি সব পারলেও ধারাবাহিক টিউন করতে গেলে প্রথম ধাপ থেকে দ্বিতীয় ধাপে যেতে আপনাকে অবশ্যই ইন্টারনেটের সাহায্য নিতে হবে। কারণ, সেখানে সুবিন্যস্ত করে সাজানো থাকে কোনটা পর কোনটা শিখালে আপনাকে HTML বা অন্যান্য ভাষা শেখানো যাবে। তাই আমি যতই জানি, আমাকেও কিন্তু ইন্টারনেটের সাহায্য নিতে হয়। সেটা কেন নিতে হয়? কারণ, আমার এতটুকু মাথায় এতো সহজে আসবে না আপনাদের কিভাবে শেখালে আপনারা শিখতে পারবেন। তাই, ইন্টারনেট থেকে আমি শুধু ধারাবাহিক টিউন করার জন্য কোনটার পর কোনটা শিখালে আপনাদের সুবিধা হবে, সেটাই জেনে নিয়ে আপনাদের সামনে তা নিজের মতো করে উপস্থাপন করি। দয়া করে কেউ আমার এই দুবর্লতা নিয়ে এমন মন্তব্য করবেন না, যেন নিজের কাছে নিজেকে খুব ছোট মনে হয়।

Level 0

আমি অচেনা বালক। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 10 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 46 টি টিউন ও 157 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

I am a simple Man.


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

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

Level New

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

ফন্ট সমস্যার কারণে আপনার লেখাগুলো পড়া যাচ্ছে না।ইউনিকোড সাপোর্ট ফন্ট ব্যবহার করুন।তাহলে লেখা সবাই পড়তে পারবে।

Level New

আশা করি ধারাবাহিক টিউন করবেন। CSS জানার প্রয়োজন আছে।

Level 0

@রাসেদ,

একটু কষ্ট করে আপনার লেখাটা ইউনিকোডে কনভার্ট করে নিন।

http://bnwebtools.sourceforge.net/ এখান থেকে কনভার্ট করতে পারবেন।

আপমি তো দারুণ বুঝিয়ে লিখেন! চালিয়ে জান আমরা চেয়ে আছি…………….

আপনার দুইটা টিউন মোটামুটি বুজতে কষ্ট হয়নি,চেষ্টা করবেন প্রতিটা টিউনে ঊদারন স্বরুপ একটা ডকূমেণ্ট দেওয়ার। ধন্যবাদ আপনাকে।

Level 0

টিউন গুলো আরো বড় হলে ভালো হয়।

Level 0

plz continue………………

আপনাকে অনেক ধন্যবাদ আপনি চালিয়ে যান