একটি বহিরাগত স্টাইল শীট কি?

যখন কোনও ওয়েব ব্রাউজার একটি ওয়েব পৃষ্ঠা লোড করে, তখন এটি প্রদর্শিত হওয়ার উপায় একটি ক্যাসকেডিং স্টাইল শীট থেকে তথ্য দ্বারা নির্ধারিত হয়। এইচটিএমএল ফাইলটির জন্য স্টাইল শীট ব্যবহার করার তিনটি উপায় রয়েছে: বাহ্যিকভাবে, অভ্যন্তরীণভাবে, এবং ইন-লাইন।

অভ্যন্তরীণ এবং ইন-লাইন স্টাইল শীটগুলি HTML ফাইলের মধ্যে সংরক্ষণ করা হয়। তারা এই মুহুর্তে কাজ করতে সহজ কিন্তু কারণ তারা কোনও কেন্দ্রীয় স্থানে সংরক্ষণ করা হয় না, সমগ্র ওয়েবসাইট জুড়ে স্টাইলিংয়ে সহজেই পরিবর্তন করা অসম্ভব; পরিবর্তে আপনি প্রতিটি এন্ট্রি ফিরে যান এবং নিজে পরিবর্তন করতে হবে।

তবে বহিরাগত স্টাইল শীট দিয়ে, পৃষ্ঠার রেন্ডারিংয়ের নির্দেশগুলি একটি একক ফাইলে সংরক্ষণ করা হয় যা সম্পূর্ণ ওয়েবসাইট বা একাধিক উপাদানগুলিতে স্টাইল সম্পাদনা করতে সত্যিই সহজ করে তোলে। ফাইলটি। সিএসএস ফাইল এক্সটেনশানটি ব্যবহার করে এবং সেই ফাইলটির অবস্থানের একটি লিঙ্কটি HTML নথিতে অন্তর্ভুক্ত করা হয়েছে যাতে ওয়েব ব্রাউজারটি স্টাইলিংয়ের নির্দেশগুলি কোথায় সন্ধান করতে পারে তা জানে।

এক বা একাধিক ডকুমেন্ট একই CSS ফাইলের সাথে লিঙ্ক করতে পারে এবং বিভিন্ন পৃষ্ঠাগুলি, টেবিল, চিত্র ইত্যাদি স্টাইল করার জন্য একটি ওয়েবসাইটটিতে অনেকগুলি অনন্য CSS ফাইল থাকতে পারে।

একটি বহিরাগত স্টাইল শীট লিঙ্ক কিভাবে

যে কোনও ওয়েব পৃষ্ঠাটি একটি বিশেষ বহিরাগত স্টাইল শীট ব্যবহার করতে চায় তার থেকে সিএসএস ফাইলটিকে লিঙ্ক করতে হবে বিভাগ, অনেক ভালো:

এই উদাহরণে, আপনার নিজের নথিতে এটি প্রয়োগ করার জন্য কেবলমাত্র এমন জিনিস পরিবর্তন করতে হবে যা হল styles.css পাঠ্য। এটি আপনার সিএসএস ফাইলের অবস্থান।

যদি ফাইল আসলে বলা হয় styles.css এবং ডকুমেন্টের সাথে ঠিক একই ফোল্ডারে অবস্থিত, এটি উপরের লিঙ্ক হিসাবে ঠিক থাকে। যাইহোক, আপনার সিএসএস ফাইলটির শিরোনামটি অন্য কোনটি শিরোনামযুক্ত, যার ক্ষেত্রে আপনি কেবলমাত্র "শৈলী" থেকে আপনার নামটি পরিবর্তন করতে পারেন।

যদি সিএসএস ফাইলটি এই ফোল্ডারটির রুট না থাকে তবে এটি একটি সাবফোল্ডারের পরিবর্তে, এর পরিবর্তে এরকম কিছু পড়তে পারে:

বহিরাগত সিএসএস ফাইলের উপর আরও তথ্য

বহিরাগত স্টাইল শীটগুলির সর্বশ্রেষ্ঠ সুবিধা হল যে তারা কোনো নির্দিষ্ট পৃষ্ঠায় আবদ্ধ নয়। স্টাইলিং অভ্যন্তরীণভাবে বা ইন লাইন সঞ্চালিত হলে, ওয়েবসাইটের অন্যান্য পৃষ্ঠাগুলি সেই স্টাইলিং পছন্দগুলির দিকে নির্দেশ করতে পারে না।

বহিরাগত স্টাইলিংয়ের সাথে, একই সিএসএস ফাইলটি ওয়েবসাইটের প্রতিটি একক পৃষ্ঠার জন্য ব্যবহার করা যেতে পারে যাতে তাদের সকলের একটি অভিন্ন চেহারা থাকে এবং সমগ্র ওয়েবসাইটের সিএসএস সামগ্রী সম্পাদনা করা অত্যন্ত সহজ এবং কেন্দ্রীয়।

আপনি নীচের কাজ কিভাবে দেখতে পারেন …

অভ্যন্তরীণ স্টাইল ব্যবহার প্রয়োজন

যাইহোক, যেহেতু বাহ্যিক স্টাইল শীটগুলি তাদের নিজস্ব ফাইলের মধ্যে রয়েছে তাই তারা এটিকে তৈরি করতে পারে এবং এটি উপরের নমুনার মতো একই জিনিসটি বোঝায়:

শরীর {পটভূমি রঙ: সবুজ; } H1 {রঙ: নীল; মার্জিন বাম: 15px; }

এই উদাহরণগুলিতে, ইনলাইন স্টাইলিং শুধুমাত্র সেই নির্দিষ্ট পৃষ্ঠায় প্রযোজ্য, এটি যে HTML পৃষ্ঠাটির শিরোনাম বিশদগুলিতে রয়েছে সেটি প্রমাণ করে। দ্বিতীয় উদাহরণের সাথে, সিএসএস তথ্য একটি সিএসএস ফাইলের মধ্যে স্বনির্ভর হয় যে কোনও পৃষ্ঠাটি কোডটি ব্যবহার করে লিঙ্কটি সংযুক্ত করতে পারে একটি বহিরাগত স্টাইল শীট লিঙ্ক কিভাবে উপরে অধ্যায়।