বাহ্যিক CSS
আপনি যখন একাধিক পৃষ্ঠায় পরিবর্তন করতে চান তখন বাহ্যিক স্টাইল শীট সাধারণত ব্যবহার করা হয়। এটি এই অবস্থার জন্য আদর্শ কারণ এটি আপনাকে শুধুমাত্র একটি ফাইল পরিবর্তন করে সমগ্র ওয়েব সাইটের চেহারা পরিবর্তন করতে সহায়তা করে।
এটি প্রতিটি পৃষ্ঠায় <link> ট্যাগ ব্যবহার করে এবং <link> ট্যাগটি হেড সেকশনের ভিতরে রাখা উচিত।
উদাহরণ:
- <head>
- <link rel=“stylesheet” type=“text/css” href=“mystyle.css”>
- </head>
বাহ্যিক স্টাইল শীট যেকোন টেক্সট এডিটরে লেখা হতে পারে কিন্তু একটি .css এক্সটেনশন দিয়ে সেভ করতে হবে। এই ফাইলটিতে HTML উপাদান থাকা উচিত নয়।
আসুন “mystyle.css” নামে একটি স্টাইল শীট ফাইলের উদাহরণ নেওয়া যাক।
ফাইল: mystyle.css
দ্রষ্টব্য: আপনি সম্পত্তির মান এবং ইউনিটের মধ্যে একটি স্থান ব্যবহার করবেন না। উদাহরণস্বরূপ: এটি মার্জিন-বাম: 20 পিক্সেল নয় মার্জিন-বাম: 20 পিক্সেল হওয়া উচিত।
