সিএসএস দিয়ে এক্সএল ব্যবহার করুন কিভাবে

যদি আপনি এইচটিএমএল স্টাইল সিএসএস স্টাইলের সাথে পরিচিত হন, তবে আপনি ফরম্যাটিংয়ের ধারণাটির প্রশংসা করবেন। এক্সএমএল মার্কআপ ল্যাঙ্গুয়েজ এর শুরুতে, ডাটা প্রদর্শন করা একটি জটিল ছিল, কিন্তু এটি স্টাইল শীটগুলির সাথে পরিবর্তিত হয়।

একটি স্টাইল শীট রেফারেন্স যোগ করে, আপনি আপনার এক্সএমএল কোডটি একটি ওয়েব পেজ হিসাবে ফর্ম্যাট এবং প্রদর্শন করতে পারেন। সিএসএস বা অন্য কোন ফরম্যাটিং ছাড়া, এক্সএমএল একটি মৌলিক পাঠ্য হিসাবে আবির্ভূত হয় যা বলে যে ব্রাউজার একটি ফর্ম্যাটিং নথি খুঁজে পাচ্ছে না।

এক্সএমএল স্টাইলিং উদাহরণ

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

এই বিট কোড প্রক্রিয়াকরকে দেখায় যা উপাদানগুলি প্রদর্শন করে এবং কীভাবে ওয়েব পৃষ্ঠায় প্রদর্শিত হওয়া উচিত, এরকম:

নমুনা {ব্যাকগ্রাউন্ড-রঙ: #ffffff; প্রস্থ: 100%;} mymessage {প্রদর্শন: ব্লক; ব্যাকগ্রাউন্ড-রঙ: # 999999; মার্জিন-তল: 30 পিটি;} শরীর {ফন্ট সাইজ: 50%}

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

আপনার XML ফাইল হিসাবে একই ডিরেক্টরির মধ্যে এই ফাইলটি সংরক্ষণ করুন, এবং নিশ্চিত করুন যে এটিতে .CSS ফাইল এক্সটেনশন আছে।

XML থেকে CSS থেকে লিঙ্ক করুন

এই সময়ে, এই দুটি সম্পূর্ণ স্বতন্ত্র দলিল। প্রসেসর কোন ধারণা নেই যে আপনি একটি ওয়েব পৃষ্ঠা তৈরি করতে একসাথে কাজ করতে চান।

আপনি XML ডকুমেন্টের শীর্ষে একটি বিবৃতি যুক্ত করে এটি ঠিক করতে পারেন যা CSS ফাইলের পাথকে চিহ্নিত করে। এই বিবৃতিটি সরাসরি প্রাথমিক এক্সএমএল ঘোষণা বিবৃতির অধীনে চলেছে, যেমন:

এই উদাহরণে, CSS ফাইলটি products.css বলা হয়, এটি XML ডকুমেন্টের মত লেবেলযুক্ত। যে CSS ফাইলের জন্য আপনি যে ফাইল নামটি চয়ন করেছেন তা পরিবর্তন করুন।