Sofia Emelianova
আপনি কি কখনও একটি উপাদানে CSS প্রয়োগ করেছেন কিন্তু এটি কাজ করে না?
Chrome DevTools-এর সাহায্যে, আপনি এক নজরে CSS সমস্যাগুলি আবিষ্কার করতে, ডিবাগ করতে এবং পরীক্ষা করতে পারেন৷
কিভাবে উপাদান > শৈলী ফলক বিভিন্ন CSS সমস্যা হাইলাইট করে তা জানতে ভিডিওটি দেখুন:
অবৈধ সিনট্যাক্স সহ সম্পত্তি
ওভাররাইডেড সম্পত্তি
নিষ্ক্রিয় সম্পত্তি 
parentকাছ থেকে উত্তরাধিকারসূত্রে প্রাপ্ত
উত্তরাধিকারসূত্রে প্রাপ্ত সম্পত্তি-
উত্তরাধিকারসূত্রে প্রাপ্ত সম্পত্তি
সম্প্রসারণযোগ্য শর্টহ্যান্ড সম্পত্তি 
-
ওভাররাইডেড লংহ্যান্ড সম্পত্তি -
সক্রিয় লংহ্যান্ড সম্পত্তি
-
ব্যবহারকারী এজেন্ট স্টাইলশীট
- অ-সম্পাদনাযোগ্য সম্পত্তি
-
ওভাররাইড করা অ-সম্পাদনাযোগ্য সম্পত্তি
আরো ডিবাগিং টিপস:
- আপনার আগ্রহের একটি সম্পত্তিতে ফোকাস করতে শৈলী ফলকে ফিল্টারটি ব্যবহার করুন।
- সমস্ত ক্যাসকেড বিজয়ী এবং তাদের গণনা করা মানগুলি দেখতে গণনা করা ফলকটি ব্যবহার করুন৷
- কম্পিউটেড প্যানে, একটি প্রপার্টি প্রসারিত করুন এবং স্টাইল প্যানে এর উৎস খুঁজে পেতে একটি লিঙ্কে ক্লিক করুন।
DevTools যেভাবে CSS সমস্যাগুলি হাইলাইট করে সে সম্পর্কে আরও জানতে, অবৈধ, ওভাররাইড, নিষ্ক্রিয় এবং অন্যান্য CSS খুঁজুন দেখুন।
আপনার CSS দক্ষতা বাড়াতে, CSS শিখুন দেখুন।
চমৎকার দেখায় এবং সবার জন্য ভাল কাজ করে এমন ওয়েবসাইটগুলি কীভাবে তৈরি করা যায় তা শিখতে, প্রতিক্রিয়াশীল ডিজাইন শিখুন দেখুন।