CSS এর সাথে , একটি নথিতে পাঠ্যের রঙ সেট করা সহজ। যদি আপনি আপনার পৃষ্ঠার অনুচ্ছেদের একটি নির্দিষ্ট রঙে রেন্ডার করতে চান, তবে আপনি কেবল আপনার বহিরাগত স্টাইলশীটে এবং ব্রাউজারটি যে নির্বাচিত রঙে আপনার পাঠ্য প্রদর্শন করবেন তা উল্লেখ করুন। আপনি টেক্সটের অনুচ্ছেদের মধ্যে কেবলমাত্র এক শব্দ (অথবা সম্ভবত শুধু কয়েকটি শব্দ) এর রঙ পরিবর্তন করতে চান তাহলে কি হবে? এর জন্য, আপনাকে ট্যাগের মত একটি ইনলাইন উপাদান ব্যবহার করতে হবে।
পরিশেষে, একটি বাক্যের মধ্যে একটি শব্দ বা একটি ছোট গ্রুপের শব্দ পরিবর্তন করে CSS এর সাহায্যে সহজ হয় এবং ট্যাগগুলি বৈধ এইচটিএমএল হয়, তাই এই ধরণের হ্যাকের কিছুটা উদ্বেগ হবেনা। এই পদ্ধতিতে, আপনি অবচিত ট্যাগ এবং "ফন্ট" এর মতো বৈশিষ্ট্যাবলীগুলি ব্যবহার করা এড়িয়ে চলুন, যা বিগত এইচটিএমএল যুগের একটি পণ্য।
এই নিবন্ধটি এইচটিএমএল এবং CSS এর জন্য সম্ভবত নতুন ওয়েব ডেভেলপারদের শুরু করার জন্য। এটি আপনাকে আপনার পৃষ্ঠাগুলিতে নির্দিষ্ট পাঠ্যের রং পরিবর্তন করতে এইচটিএমএল ট্যাগ এবং CSS ব্যবহার করতে শিখতে সাহায্য করবে। যে বলেন, এই পদ্ধতিতে কিছু ত্রুটি আছে, যা আমি এই নিবন্ধের শেষে আবরণ হবে। এখন, এই টেক্সট রঙ পরিবর্তন করার পদক্ষেপগুলি শিখতে পড়ুন! এটি খুব সহজ এবং প্রায় 2 মিনিট সময় লাগবে।
ধাপ নির্দেশিকা দ্বারা ধাপ
- আপনার পছন্দের টেক্সট এইচটিএমএল সম্পাদক আপডেট করতে চান এমন ওয়েবপৃষ্ঠাটি খুলুন। এটি একটি প্রোগ্রাম হতে পারে অ্যাডোব ড্রিমওয়্যার বা নোটপ্যাড, নোটপ্যাড ++, টেক্সট এডিট ইত্যাদির মতো একটি টেক্সট এডিটর।
- ডকুমেন্টে, আপনি যে শব্দগুলি পৃষ্ঠাতে একটি ভিন্ন রঙে প্রদর্শিত করতে চান তা চিহ্নিত করুন। এই টিউটোরিয়ালের জন্য, পাঠ্যের একটি বড় অনুচ্ছেদের মধ্যে থাকা কিছু শব্দ ব্যবহার করুন। যে পাঠ্য thetag জুড়ি মধ্যে অন্তর্ভুক্ত করা হবে। আপনি যার সম্পাদনা করতে চান তার দুটি শব্দ এক খুঁজুন।
- শব্দ বা শব্দ শব্দের প্রথম অক্ষর আগে আপনার কার্সার রাখুন আপনি রং পরিবর্তন করতে চান। মনে রাখবেন, যদি আপনি ড্রিমওয়েভারের মত WYSIWYG সম্পাদক ব্যবহার করেন তবে আপনি এখন "কোড ভিউ" রাইগ্থে কাজ করছেন।
- একটি টেক্সট বৈশিষ্ট্যাবলী সহ ট্যাগটি যার রঙ পরিবর্তন করতে চাইলে আমরা টেক্সটটি মোড়ানো যাক। পুরো অনুচ্ছেদটি এইরকম দেখতে পারে: এটি এমন একটি পাঠ যা একটি বাক্যের উপর নিবদ্ধ।
- আমরা শুধু একটি ইনলাইন উপাদান ব্যবহার করেছি, সেই নির্দিষ্ট পাঠ্যটি একটি "হুক" দিতে যা আমরা CSS এ ব্যবহার করতে পারি। আমাদের পরবর্তী পদক্ষেপ হল একটি নতুন নিয়ম যোগ করার জন্য আমাদের বাহ্যিক CSS ফাইলে ঝাঁপ!
- আমাদের CSS ফাইলে যোগ করুন:
- ফোকাস-পাঠ্য {
- রঙ: # F00;
- }
- এই নিয়মটি রঙের লাল রঙের প্রদর্শনের জন্য যে ইনলাইন উপাদানটি সেট করবে যদি আমাদের পূর্বের শৈলীতে আমাদের দস্তাবেজের কালোটি সেট করা থাকে, তবে এই ইনলাইন শৈলীটি স্প্যান টেক্সটকে কেন্দ্রীভূত করতে এবং ভিন্ন রঙের সাথে দাঁড়াতে পারে। আমরা এই নিয়ম অন্যান্য শৈলী যোগ করতে পারে, সম্ভবত এটি তাত্ক্ষণিক লেখা বা এটি আরও জোর জোরদার করতে?
- আপনার পৃষ্ঠা সংরক্ষণ করুন
- প্রভাব পরিবর্তন দেখতে পছন্দের ওয়েব ব্রাউজারে পৃষ্ঠাটি পরীক্ষা করুন ।
- উল্লেখ্য যে, কিছু ওয়েব পেশাদাররা অন্যান্য ট্যাগ বা ট্যাগের মতো অন্যান্য উপাদানের ব্যবহার পছন্দ করে। এই ট্যাগগুলি বিশেষভাবে "bold" এবং "italics" এর জন্য ব্যবহৃত হয়, কিন্তু তাদের সাথে অবচিত এবং প্রতিস্থাপিত হয়। ট্যাগগুলি এখনও আধুনিক ব্রাউজারগুলিতে কাজ করে, তবে অনেক ওয়েব ডেভেলপাররা তাদেরকে ইনলাইন স্টাইলিং হুক হিসাবে ব্যবহার করে। এটি সবচেয়ে খারাপ পদ্ধতি নয়, তবে আপনি যদি কোনও অবচিত উপাদানের এড়াতে চান তবে আমি এই ধরনের স্টাইলের প্রয়োজনগুলির জন্য ট্যাগের সাথে স্টিক করার পরামর্শ দিচ্ছি।
টিপস এবং জিনিসগুলি জন্য দেখুন আউট
যদিও এই পদ্ধতিটি ছোট স্টাইলিংয়ের জন্য ভাল কাজ করে, যেমন যদি আপনি একটি নথিতে কেবলমাত্র একটি ছোট অংশ পরিবর্তন করতে চান তবে এটি দ্রুত নিয়ন্ত্রণ থেকে বেরিয়ে আসতে পারে। যদি আপনি খুঁজে পান যে আপনার পৃষ্ঠাটি ইনলাইন উপাদানগুলির সাথে বিবৃত হয়েছে, যার সবগুলিই আপনার নিজস্ব CSS ফাইলে রয়েছে এমন অনন্য ক্লাস আছে, তাহলে আপনি এটি ভুল করছেন, মনে রাখবেন, আপনার ট্যাগগুলির মধ্যে এইগুলি আরও বেশি, এটি কঠিন এগিয়ে যাচ্ছে পৃষ্ঠাটি বজায় রাখার সম্ভাবনা। পাশাপাশি, ভাল ওয়েব টাইপোগ্রাফিতে রংয়ের অনেকগুলি প্রকারভেদ রয়েছে, সারা পাতা জুড়ে!