গল্পে গল্পে CSS শিখুন [পর্ব-০১] :: CSS z-index এর রহস্য উন্মোচন: A Journey Through Layers

একদা কোনো এক সময় ওয়েব ডিজাইনের জগতে, সুইটি নামে একজন কৌতূহলী প্রোগ্রামার ছিল। মডার্ন ওয়েবসাইট এবং অ্যাপ্লিকেশন তৈরি করার জন্য সুইটির গভীর আবেগ ছিল। কিন্তু CSS লার্নিং এর যাত্রা পথে সুইটিকে সবসময় বিভ্রান্ত করত তা হলো CSS-এ "z-index"
এক রৌদ্রোজ্জ্বল সকালে, চায়ের কাপে চুমুক দেওয়ার সময়, সুইটি সিদ্ধান্ত নিয়েছিল যে z-index" রহস্য উন্মোচন করার এটাই উপযুক্ত সময়।

অধ্যায় 1: z-index কি?
”z-index” একটি জাদু মন্ত্রের মতো যা একটি ওয়েবপৃষ্ঠার উপাদানগুলিকে বলে যে তাদের কোথায় দাঁড়ানো উচিত৷ কল্পনা করুন আপনার টেবিলে একগুচ্ছ কাগজ আছে, কিছু কাগজ উপরে, এবং কিছু নীচে। ওয়েব ডিজাইনে একে "লেয়ারিং" বলা হয়। উচ্চতর z-index উপাদানগুলি উপরে কাগজের মতো, এবং নীচের z-index উপাদানগুলি নীচের কাগজের মতো।

অধ্যায় 2: অবস্থানের বিষয়:
সুইটি একটি জিনিস গোপন আবিস্কার করেছেন z-index তখনই কাজ করে যখন আপনি একটি উপাদানকে একটি বিশেষ অবস্থান দেন, যেমন "relative, " "absolute, " বা "fixed.”
সুইটির এই CSS লার্নিং এর যাত্রা একটি মূল্যবান পাঠ শিখিয়েছে - z-index একটি ভীতিকর দানব নয়, এটি একটি সহায়ক টুল। CSS z-index এবং স্ট্যাকিং বোঝার মাধ্যমে, যে কেউ সুন্দর ওয়েবপেজ তৈরি করতে পারবে।

CSS z-index এর রহস্য উন্মোচন: ভিজ্যুয়াল অ্যানিমেশনের মাধ্যমে:

https://youtube.com/shorts/xnKh3XzJubs

Level 0

আমি ইরফান তালুকদার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 6 টি টিউন ও 1 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 1 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


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


টিউমেন্টস