ক্যাসকেডিং স্টাইল শীট বা সিএসএস সেট আপ করা হয় যাতে আপনি একই উপাদান প্রভাবিত করতে অনেকগুলি বৈশিষ্ট্য থাকতে পারে। কিছু বৈশিষ্ট্যগুলি একে অপরের সাথে দ্বন্দ্ব হতে পারে। উদাহরণস্বরূপ, আপনি অনুচ্ছেদ ট্যাগের উপর লাল রঙের একটি ফন্ট রঙ স্থাপন করতে পারেন এবং তারপর, পরবর্তীতে, নীল রঙের একটি ফন্ট রঙ সেট করুন। কীভাবে ব্রাউজারটি প্যারাগ্রাফগুলি তৈরি করতে পারে? এই ক্যাসকেড দ্বারা সিদ্ধান্ত নেওয়া হয়।
স্টাইল শীট এর প্রকার
স্টাইল শীট তিনটি বিভিন্ন ধরনের আছে:
- লেখক স্টাইল শীট
- এই ওয়েব পৃষ্ঠা লেখক দ্বারা নির্মিত শৈলী শীট হয় সিএসএস স্টাইল শীটগুলি যখন তারা মনে করেন তখন অধিকাংশ মানুষ মনে করে।
- ব্যবহারকারী স্টাইল শীট
- ব্যবহারকারী স্টাইল শীট ওয়েব পৃষ্ঠা ব্যবহারকারী দ্বারা সেট করা হয় এই পৃষ্ঠাগুলি কীভাবে পৃষ্ঠাগুলি প্রদর্শিত হবে তার উপর ব্যবহারকারীর বেশি নিয়ন্ত্রণের অনুমতি দেয়।
- ব্যবহারকারী এজেন্ট স্টাইল শীট
- এই পৃষ্ঠাগুলি প্রদর্শন করতে সহায়তা করার জন্য ওয়েব ব্রাউজার পৃষ্ঠায় প্রযোজ্য এমন শৈলী। উদাহরণস্বরূপ, XHTML- তে, বেশিরভাগ চাক্ষুষ ব্যবহারকারীর এজেন্ট ট্যাগকে ত্রিচিহ্ন হিসাবে প্রদর্শন করে । এই ব্যবহারকারী এজেন্ট শৈলী শীট মধ্যে সংজ্ঞায়িত করা হয়।
উপরোক্ত স্টাইল শীট প্রতিটি সংজ্ঞায়িত বৈশিষ্ট্য যা একটি ওজন দেওয়া হয়। ডিফল্টভাবে, লেখক শৈলী শীটটি সর্বাধিক ওজন, ব্যবহারকারী স্টাইল শীট দ্বারা অনুসরণ করা হয় এবং অবশেষে ব্যবহারকারী এজেন্ট স্টাইল শীট দ্বারা। এই একমাত্র ব্যতিক্রম ব্যবহারকারীর শৈলী শীট মধ্যে গুরুত্বপূর্ণ নিয়ম সঙ্গে। এই লেখকের শৈলী শীট তুলনায় আরো ওজন আছে।
ক্যাসকেডিং অর্ডার
দ্বন্দ্ব সমাধানের জন্য, ওয়েব ব্রাউজারগুলি নিম্নোক্ত সাজানোর ক্রমটি ব্যবহার করতে পারে তা নির্ধারণ করার জন্য কোন শৈলীটি অগ্রাধিকার আছে এবং ব্যবহার করা হবে:
- প্রথমত, সমস্ত ঘোষণাপত্রের জন্য অনুসন্ধান করুন যা প্রশ্নের ক্ষেত্রে প্রযোজ্য এবং নির্ধারিত মিডিয়া প্রকারের জন্য।
- তারপর কি স্টাইল শীট এটি থেকে আসছে তাকান। উপরে উল্লিখিত, লেখক শৈলী শীট প্রথম, তারপর ব্যবহারকারী, তারপর ব্যবহারকারী এজেন্ট। গুরুত্বপূর্ণ ব্যবহারকারীর শৈলী লেখকের তুলনায় উচ্চ অগ্রাধিকার থাকার সঙ্গে! গুরুত্বপূর্ণ শৈলী।
- আরো নির্দিষ্ট একটি নির্বাচক হয়, এটি আরও অগ্রাধিকার পাবেন। উদাহরণস্বরূপ, "div.co p" এ একটি শৈলী "p" ট্যাগের উপর তুলনায় একটি উচ্চতর অগ্রাধিকার থাকবে।
- অবশেষে, আদেশ অনুযায়ী নিয়মগুলি সাজানো হয়েছে। পূর্বে যে সংজ্ঞা দেওয়া হয়েছে তার তুলনায় ডকুমেন্টের বৃত্তের মধ্যে যে নিয়মগুলি সংজ্ঞায়িত করা হয় তার চেয়ে বেশি অগ্রাধিকার রয়েছে। এবং একটি আমদানি করা শৈলী শীট থেকে নিয়ম সরাসরি স্টাইল শীট মধ্যে নিয়ম আগে বিবেচনা করা হয়।