Css Tricks । #id Vs .class । Who Is Best ?
কি ? অবাক হয়েছেন তো। আমিও অবাক হয়েছিলাম আসলে কোন টি সব থেকে ভাল। আর আজ আমি আপনাদেরও মাঝে এই বিষয়েই লিখতে যাচ্ছি।
কেমন আছেন আপনারা ? আশা করি আপনারা সকলেই ভালই আছেন। আমিও বেশ ভালই আছি।
তো চলুন শুরু করা যাক...
 |
Css Tricks । #id Vs .class । Who Is Best ? |
আজ আমি ব্যাসিক থেকে আলোচনা করব। যদি আপনি Css সম্পর্কে কাচাও হয়ে থাকেন তবে টিউনের সাথেই থাকুন। আশা করি আপনি অনেক কিছু আজ জানতে পারবেন। Css থেকে অনেক ধরনের প্রশ্ন আসে। আর আমি আজ এই বিষয় গুলোই ক্লিয়ার করব।
# আসুন জেনে নেই Css কি ?
আমরা অনেকেই আছি যারা এই Css কি তা জানি না। Css প্রত্যেক টি ওয়েব সাইট এর প্রান বলতে পারেন। একটি বৃক্ষ যেমন সবুজ পত্র পল্লবে সু সজ্জিত থাকে ঠিক তেমনি ভাবে একটি ওয়েব সাইট Css দ্বারা সু সজ্জিত থাকে।
পত্র ছাড়া যেমন বৃক্ষ পরিপূর্ণ নয় , ঠিক তেমনি Css ছাড়া ওয়েব সাইট পরিপূর্ণ হতেই পারেনা। Css এর দ্বারাই ওয়েব সাইট রঙ্গিন হয়। Css ছাড়া ওয়েব সাইট এর শুধু টেক্সট ওই দেখা যাবে , এমন কি টেক্সট দেখার জন্য হলেও Css এর প্রয়োজন হবেই। টেক্সট টি কোন রং এর হবে তার জন্য Css প্রয়োজন। Css ওয়েব সাইট এর গঠন গত রুপ দিয়ে থাকে। আপনি Css এ যত বেশি এক্সপার্ট হতে পারবেন , আপনি তত বেশি ওয়েবসাইট এর সুন্দর রুপ দিতে পারবেন।
#Css ফাইল টি কোথায় থাকে ?
এক কথায় বলতে গেলে Css ফাইল টি আপনি যে কোন জায়গায় সেট করতে পারবেন। কিন্তু Css ফাইল সাধারণত কিছু নির্দিষ্ট স্থানে দেখা যায়। Css এর ফাইল সাধারণত হিডারের মধ্যে কানেক্ট করা হয়। কারন হলো হিডার প্রত্যেক টি পেজের সাথে প্রদর্শিত হয়।
যদি আপনি WP / Wordpress User হয়ে থাকেন , তবে আপনি আপনার থিম এর মেইন Css পাবেন Style.css / Stylesheet.css এই ফাইলে।
আর আপনি যদি ব্লগার ব্যবহার করে থাকেন , তবে আপনি আপনার টেম্পলেট এর মেইন Css পাবেন হিডারের মধ্যে। সাধারণত এই Css টেম্পলেট এর নাম , ভার্সন , ক্রিয়েটর ইত্যাদির পরেই Css দেখতে পারবেন।
আবার যদি আপনি ওয়াপ কিয ব্যবহার করে থাকেন , তবে আপনার থিম এর Css খুজে পাবেন ২ টি জায়গায়। একেক জন একেক জায়গায় Css দিয়ে থাকেন। যেমনঃ-
- Meta Header
- Css Theme
#কোন Shortcut Css যুক্ত করার উপায় কি আছে ?
হ্যা, আছে। আমি প্রথমেই বলেছিলাম যে কোন পেজে যে কোন জায়গায় Css যুক্ত করা যেতে পারে। সে ক্ষেত্রে আপনি যে ভাবে যে কোন কোড ফাইলের সাথে Css যুক্ত করবেন তা হলোঃ-
<! -- css style start --> <style type="text/css'>Your Css Here</style> <! -- css style end -->
অনেক তো বকবক করলাম , চলুন আমাদের টিউনে ফিরে আসা যাক। আমরা সকলেই জানি Css এ দুই ধরনের Css দেখা যায়। যেমনঃ-
- # (id)
- . (class)
চলুন একটু উদাহরনে আসা যাক। আপনি হয়ত বুঝতে পারেন নি তাই আমার একটু বিস্তারিত ভাবে এই লেখা।
<! -- example start --><div id="smsudipbd"><div class="sudip">My Name Is Sudip.</div><div class="sudip-one">I Am 23 Years Old.</div><div class="sudip-two">I Am Web Developer.</div><div class="sudip-three">And Also Blogger.</div></div><! -- example end -->
উপরক্ত কোড টি লক্ষ করলে আপনি বুঝতে পারবেন ব্লু কালার টি আইডি সি এস এস এবং বাকি কালার লাইন গুলো ক্লাস সি এস এস। এদের কাজ একই। আইডি এবং ক্লাস এর কাজ একই হলেও ওয়েব ডেভেলপার কিন্তু একটু আলাদা ভাবে এই দুই টি ব্যবহার করে থেকে। আলাদা ভাবে ব্যবহার করার অবশ্য একটি কারন আছে। আর সেটি হলো -
অনেক গুলো ক্লাস কোড কে একটি আইডি দ্বারা বেষ্টন করে রাখা হয়। যাতে খুব সহজে আলাদা আলাদা কোডের পার্ট গুলো সহজেই খুজে পাওয়া যায়।
যেমন টা আমি করে দেখিয়েছি। sudip , sudip-one , sudip-two , sudip-three এই ক্লাস গুলোকে একটি মাত্র smsudipbd আইডি দ্বারা বেষ্টন করেছি।
#id Vs .class । Who Is Best ?
তাহলে আপনিই বলুন তো কোনটি বেস্ট হতে পারে। যাই হোক আপনাকে আর কষ্ট করতে হবে না। আমিই বলে দিচ্ছি। খুশি তো ?
আমি আগেই বলেছিলাম আইডি এবং ক্লাস এই দুইটি সি এস এস এর কাজ কিন্তু একই। এদের মধ্যে কোন রুপ পার্থক্য নেই।
আপনি চাইলে যে কোন টি ব্যবহার করতে পারেন। তবে আইডি শুরু হয় # (হ্যাস) দ্বারা আর ক্লাস শুরু হয় . (ডট) দ্বারা।
আমার মতে দুটিই বেস্ট। আপনার কোন টি বেস্ট মনে হচ্ছে , অবশ্যই কমেন্ট করে জানাবেন। আর আমার এই সি এস এস টিউন কেমন লেগেছে সেটি কিন্তু জানাতে ভুলবেন না।
না হলে কিন্তু খুব মন খারাপ হবে।
পরিশেষে সকলের সুসাস্থ এবং উজ্জ্বল জীবন কামনা করছি। ভাল থাকবেন। টাটা।
ক্রেডিট বাইঃ - এস এম সুদীপ বিডি ডট কম।
পোস্ট রেটিং করুন
|
SMsudipBD.Com
Web Development & Design. |
টিউটোরিয়ালটি কেমন লেগেছে মন্তব্য করুন!