বাহ্যিক স্টাইল শীট কি?

বাহ্যিক সিএসএস সংজ্ঞা এবং কিভাবে এক থেকে লিঙ্ক

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

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

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

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

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

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

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

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

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

বাহ্যিক CSS ফাইলগুলির উপর আরো তথ্য

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

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

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

অভ্যন্তরীণ স্টাইলিংকে <শৈলী> ট্যাগগুলির ব্যবহার করার প্রয়োজন হয় কারণ তারা ট্যাগগুলি থেকে পৃথক করা প্রয়োজন।

<শৈলী> শরীর {ব্যাকগ্রাউন্ড-রঙ: সবুজ; } h1 {রঙ: নীল; মার্জিন বাম: 15 পিএক্স; }

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

শরীর {ব্যাকগ্রাউন্ড-রঙ: সবুজ; } h1 {রঙ: নীল; মার্জিন বাম: 15 পিএক্স; }

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