হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ, এইচটিএমএল আবিষ্কারের পরে, ওয়েব নথির বিন্যাস এবং বিন্যাসের ধারণাগুলি নাটকীয়ভাবে পরিবর্তিত হয়েছে। সিএসএস এবং সিএসএস 2 ক্যাসকেডিং স্টাইল শিট স্ট্যান্ডার্ডগুলির জন্য জনপ্রিয় ব্রাউজারগুলির প্রায় সম্পূর্ণ সমর্থন সহ, একটি নথির ভিজ্যুয়াল উপস্থাপনার প্রায় কোনও দিকই প্রভাবিত করা সম্ভব হয়েছে। উদাহরণস্বরূপ, আপনি কোনও লিঙ্কটির রঙিন রঙিন করতে পারেন, কিছু চিত্র দিয়ে ভরা এবং ব্যবহারকারীর ক্রিয়া অনুসারে পরিবর্তনও করতে পারেন।
প্রয়োজনীয়
- - নথির পাঠ্য বা নথির স্টাইল শিটের পাঠ্য সম্পাদনা করার ক্ষমতা;
- - একটি পাঠ্য সম্পাদক যা আপনাকে মূল এনকোডিংয়ে দস্তাবেজটি সংরক্ষণ করতে দেয়।
নির্দেশনা
ধাপ 1
লিঙ্কটির ব্যাকগ্রাউন্ডটি অ্যালিমেন্টে একটি এন্টিমেটে ইনলাইন স্টাইলের তথ্য যুক্ত করে একটি এলোমেলো রঙে পূর্ণ করুন the লিঙ্কটির সাথে সম্পর্কিত এ উপাদানটির বৈশিষ্ট্যগুলিতে শৈলী যুক্ত করুন যার ব্যাকগ্রাউন্ড আপনি পরিবর্তন করতে চান। শৈলীর বৈশিষ্ট্যের বিষয়বস্তুতে, প্রদত্ত মানটির সাথে ব্যাকগ্রাউন্ড-রঙ সিএসএস সম্পত্তি রাখুন, যা ব্যাকগ্রাউন্ড রঙের সঠিক সনাক্তকারী। উদাহরণস্বরূপ, এটি দেখতে এর মতো দেখাবে:
লিঙ্ক পাঠ্য
ধাপ ২
আপনার নথিতে একটি বাহ্যিক বা এম্বেড শৈলীর শীটে লিঙ্কটির পটভূমি সংজ্ঞা দিন। উপযুক্ত স্টাইল শীটে, নির্দিষ্টকরণের একটি গ্রহণযোগ্য স্তরের নির্বাচক দ্বারা সম্বোধিত নিয়মের একটি সেট যুক্ত করুন। রুলসেটে, পূর্বের ধাপের মতো পটভূমির রঙের সম্পত্তিটি প্রবেশ করান। সিএসএস 2 ক্যাসকেডিং বিধি এবং পছন্দসই সুযোগের ভিত্তিতে নির্বাচকের সুনির্দিষ্টতা নির্বাচন করুন। সুতরাং, যদি আপনাকে কেবল একটি লিঙ্কের রঙ সেট করতে হয়, তবে আইডি নির্বাচনকারীকে ব্যবহার করা বোধগম্য হয়, যদি এই জাতীয় বেশ কয়েকটি লিঙ্ক থাকে, তবে শ্রেণীর মানের উপর ভিত্তি করে কোনও অ্যাট্রিবিউট সিলেক্টর ব্যবহার করা ভাল।
উদাহরণস্বরূপ, কোনও দস্তাবেজের নির্দিষ্ট লিঙ্কের জন্য সবুজ পটভূমি সেট করতে, আপনি স্টাইল শীটে নিয়মের একটি সেট যুক্ত করতে পারেন:
একটি # আইডি_গ্রেইন
{
পটভূমি রঙ: # 00FF00;
}
আপনার আইডি_জিগ্রেনের কাঙ্ক্ষিত লিঙ্কের সাথে সম্পর্কিত কোনও উপাদানটির আইডি বৈশিষ্ট্যটিও সেট করা উচিত:
লিঙ্ক পাঠ্য
ধাপ 3
কোনও চিত্রের সাথে লিঙ্কটির পটভূমি পূরণ করুন। এক এবং দুটি ধাপে বর্ণিত পদ্ধতিগুলি অনুসরণ করুন তবে ব্যাকগ্রাউন্ড-রঙ সিএসএস বৈশিষ্ট্যের পরিবর্তে ব্যাকগ্রাউন্ড-চিত্র ব্যবহার করুন। উদাহরণ স্বরূপ:
লিঙ্ক পাঠ্য
প্রয়োজনে ব্যাকগ্রাউন্ড চিত্রটি অনুভূমিকভাবে এবং উল্লম্বভাবে ডুপ্লিকেট করার জন্য বিকল্পগুলি নির্ধারণ করতে সেট করা CSS বিধিগুলিতে একটি পটভূমি পুনরাবৃত্তি বৈশিষ্ট্য যুক্ত করুন।
পদক্ষেপ 4
লিঙ্কটির পটভূমি পরিবর্তন করুন যখন আপনি এর উপরে ঘুরে বেড়াবেন বা ফোকাসটি সরানো হবে। কোনও বাহ্যিক বা এমবেডড ডকুমেন্ট স্টাইল শীটে নিয়ম সেট যুক্ত করুন যা বিভিন্ন রাজ্যে কোনও লিঙ্ক বা লিঙ্ক গোষ্ঠীর পটভূমি সংজ্ঞায়িত করে। গতিশীল সিউডো-ক্লাসগুলির সাথে একযোগে আইডি এবং বৈশিষ্ট্য নির্বাচনকারী ব্যবহার করুন: হোভার,: সক্রিয় এবং: ফোকাস। উদাহরণস্বরূপ, ID_DYNAMIC_BACKGROUND এর আইডি বৈশিষ্ট্যযুক্ত মানটির সাথে একটি লিঙ্কের পটভূমির জন্য নিষ্ক্রিয় অবস্থায় লাল এবং মাউস কার্সারের নীচে সবুজ হওয়ার জন্য, নীচের নিয়মসেটগুলি অবশ্যই স্টাইল শীটে যুক্ত করতে হবে:
একটি # ID_DYNAMIC_BACKGROUND
{
পটভূমি রঙ: # এফএফ 10000;
}
একটি # ID_DYNAMIC_BACKGROUND: হোভার
{
পটভূমি রঙ: # 00FF00;
}
পরিবর্তনশীল চিত্র পরিবর্তন করে আপনি একটি পটভূমি তৈরি করতে একই কাজ করতে পারেন।
