ওয়েবসাইটগুলি কীভাবে কোড করবেন তা শিখতে সর্বোত্তম উপায়গুলির মধ্যে অন্যতম হল অন্য সাইটগুলির উৎস কোডগুলি। এই অনুশীলনটি ওয়েব ডিজাইন কোর্স, বই, এবং অনলাইন প্রশিক্ষণ সাইটগুলির জন্য অনেকগুলি বিকল্পের আগে বিশেষ করে সেই দিনগুলিতে কতজন ওয়েব পেশাদার তাদের খসড়া শিখেছিল।
আপনি যদি এই অনুশীলনটি চেষ্টা করেন এবং কোনও সাইটের ক্যাসকেডিং স্টাইল শীট (সিএসএস) দেখুন তবে সেই কোডটিতে আপনি যা দেখতে পান তা একটি লাইন যা বলে! এর অর্থ কী এবং কীভাবে গুরুত্বপূর্ণ, আপনি কীভাবে আপনার স্টাইলশীটগুলিতে সেই ঘোষণাকে সঠিকভাবে ব্যবহার করেন?
সিএসএস এর ক্যাসকেড
সর্বোপরি, এটি বুঝতে গুরুত্বপূর্ণ যে ক্যাসকেডিং স্টাইল শীটগুলি আসলেই হয় নির্ঝর , তারা একটি বিশেষ আদেশ স্থাপন করা হয়। সাধারণভাবে, এর মানে হল শৈলীগুলি ব্রাউজার দ্বারা পাঠানো যাতে প্রয়োগ করা হয়। প্রথম শৈলী প্রয়োগ করা হয় এবং তারপর দ্বিতীয় এবং তাই।
ফলস্বরূপ, শৈলী পত্রকের শীর্ষে একটি শৈলী প্রদর্শিত হলে এবং নথির নিচে নিম্নে পরিবর্তিত হলে, সেই শৈলীটির দ্বিতীয় উদাহরণটি পরবর্তী উদাহরণগুলিতে প্রয়োগ করা হয়, প্রথম নয়। মূলত, যদি দুটি শৈলী একই জিনিস বলছে (যার মানে তাদের নির্দিষ্টতা একই স্তরের থাকে), তালিকাভুক্ত সর্বশেষটি ব্যবহার করা হবে।
উদাহরণস্বরূপ, কল্পনা করুন যে নিম্নলিখিত শৈলীগুলি স্টাইল শীটে রয়েছে। অনুচ্ছেদ পাঠটি কালোতে রেন্ডার করা হবে, যদিও প্রথম শৈলী সম্পত্তির প্রয়োগ লাল। এটি কারণ "কালো" মান দ্বিতীয় তালিকাভুক্ত করা হয়। যেহেতু সিএসএস উপরের থেকে নীচে পড়ছে, চূড়ান্ত শৈলীটি "কালো" এবং তাই এটি জিতেছে।
কিভাবে গুরুত্বপূর্ণ! অগ্রাধিকার পরিবর্তন
এখন আপনি বোঝেন যে এই প্রায় অভিন্ন নিয়মগুলি কীভাবে সিএসএস দ্বারা প্রক্রিয়াকৃত হয়, আমরা কীভাবে গুরুত্বপূর্ণ নির্দেশিকাটি কিছুটা পরিবর্তন করতে পারি তা আমরা দেখতে পারি।
গুরুত্বপূর্ণ নির্দেশগুলি আপনার সিএসএস ক্যাসকেড করার পদ্ধতিটিকে প্রভাবিত করে এবং আপনার মনে হয় যে নিয়মগুলি সবচেয়ে গুরুত্বপূর্ণ এবং প্রয়োগ করা উচিত। একটি নিয়ম যে আছে! গুরুত্বপূর্ণ নির্দেশ সবসময় প্রয়োগ করা হয় যে কোন ব্যাপার যেখানে CSS ডকুমেন্টে যে নিয়ম উপস্থিত হয়।
উপরের উদাহরণ থেকে অনুচ্ছেদের পাঠ্য সর্বদা লাল করতে, আপনি ব্যবহার করবেন:
পি {রঙ: লাল! গুরুত্বপূর্ণ; }পি {রঙ: কালো; }
এখন সব লেখা লাল প্রদর্শিত হবে, যদিও "কালো" মান দ্বিতীয় তালিকাভুক্ত। গুরুত্বপূর্ণ নির্দেশনা ক্যাসকেডের স্বাভাবিক নিয়মগুলিকে ওভাররাইড করে এবং এটি সেই শৈলীটিকে খুব উচ্চ নির্দিষ্টতা দেয়।
যদি আপনি একেবারে লাল প্রদর্শিত অনুচ্ছেদের প্রয়োজন হয় তবে এই শৈলীটি তা করবে, কিন্তু এর অর্থ এই নয় যে এটি একটি ভাল অনুশীলন। যখন আপনি ব্যবহার করতে চান পরবর্তী দিকে তাকান! গুরুত্বপূর্ণ এবং যখন এটি উপযুক্ত নয়।
কখন ব্যবহার করবেন!
আপনি যখন কোনও ওয়েবসাইট পরীক্ষা এবং ডিবাগ করছেন তখন গুরুত্বপূর্ণ নির্দেশিকা খুব সহায়ক। যদি আপনি নিশ্চিত না হন যে কোন শৈলীটি প্রয়োগ করা হচ্ছে না এবং এটি একটি নির্দিষ্টতা সমস্যা হতে পারে বলে মনে করেন তবে আপনি কীভাবে এটি সংশোধন করতে পারেন তা দেখতে আপনার শৈলীতে গুরুত্বপূর্ণ ঘোষণা যোগ করতে পারেন।
যোগ করা হলে! সত্যিই গুরুত্বপূর্ণ শৈলী সমস্যা ঠিক করা, আপনি ঠিক যে এটি একটি নির্দিষ্টতা সমস্যা নির্ধারণ করা হয়েছে। যাইহোক, আপনি যে ছেড়ে যেতে চান না! গুরুত্বপূর্ণ কোড জায়গায়, এটি পরীক্ষার উদ্দেশ্যে শুধুমাত্র সেখানে রাখা হয়।
পরীক্ষা সম্পন্ন হওয়ার পরে, আপনাকে এখন সেই নির্দেশিকাটি সরানো উচিত এবং আপনার শৈলীটির কাজ করার জন্য আপনার প্রয়োজনীয়তা অর্জন করতে আপনার নির্বাচককে সামঞ্জস্য করা উচিত। গুরুত্বপূর্ণ, এটি আপনার স্বাভাবিক ক্যাসকেড পরিবর্তিত হওয়ার কারণে অংশে আপনার প্রোডাক্ট সাইটে প্রবেশ করতে হবে না।
আপনি যদি আপনার পছন্দসই শৈলীগুলি অর্জনের গুরুত্বপূর্ণ ঘোষণার উপর খুব জোরালোভাবে নির্ভর করেন তবে অবশেষে আপনার শৈলী শীট থাকবে! আপনি মূলত পৃষ্ঠাটি সিএসএস প্রক্রিয়া করা হয় উপায় পরিবর্তন করা হবে। এটি একটি অলস অনুশীলন যা দীর্ঘমেয়াদী পরিচালনার দৃষ্টিকোণ থেকে ভাল নয়।
পরীক্ষার জন্য গুরুত্বপূর্ণ বা ব্যবহার করুন, কিছু ক্ষেত্রে, যখন আপনি অবশ্যই একটি থিম বা টেমপ্লেট ফ্রেমওয়ার্কের অংশ হিসাবে একটি ইনলাইন স্টাইলকে ওভাররাইড করতে হবে। এমনকি সেই ক্ষেত্রেও, এই পদ্ধতিটি যতদূর সম্ভব সম্ভব ব্যবহার করুন এবং পরিবর্তে ক্যাসকেড বোঝার জন্য পরিচ্ছন্ন স্টাইল শীটগুলি লেখার চেষ্টা করুন।
ব্যবহারকারী স্টাইল শীট
বোঝার জন্য অপরিহার্য গুরুত্বপূর্ণ নির্দেশের উপর একটি চূড়ান্ত নোট রয়েছে। ওয়েব পৃষ্ঠা ব্যবহারকারীদের স্টাইল শীটগুলির সাথে সামঞ্জস্য করতে সহায়তা করার জন্য এই নির্দেশিকাটিও স্থাপন করা হয়েছিল যা পৃষ্ঠাগুলিকে ব্যবহার বা পড়ার জন্য কঠিন করে তোলে।
সাধারণত, যদি কোন ওয়েবপৃষ্ঠা ওয়েব পৃষ্ঠাগুলি দেখতে স্টাইল শীট সংজ্ঞায়িত করে তবে সেই স্টাইল শীটটি ওয়েব পৃষ্ঠার লেখক এর স্টাইল শীট দ্বারা সরানো হয়। ব্যবহারকারী যদি শৈলীটিকে গুরুত্বপূর্ণ বলে চিহ্নিত করে তবে সেই শৈলীটি ওয়েব পৃষ্ঠা লেখক এর স্টাইল শীটকে অগ্রাহ্য করে, এমনকি যদি লেখক হিসাবে একটি নিয়ম চিহ্নিত করে!
এটি এমন ব্যবহারকারীদের জন্য সহায়ক, যারা নির্দিষ্ট ভাবে শৈলী সেট করতে চান। উদাহরণস্বরূপ, কেউ তাদের ব্যবহার করা সমস্ত ওয়েব পৃষ্ঠাগুলিতে ডিফল্ট ফন্ট মাপ বৃদ্ধি করতে হতে পারে। আপনি যে পৃষ্ঠাগুলি তৈরি করেন তার মধ্যে আপনার গুরুত্বপূর্ণ নির্দেশিকাটি ব্যবহার করে আপনি আপনার ব্যবহারকারীদের যেকোনো বিশেষ প্রয়োজনগুলি সমন্বয় করতে পারেন।
