সিএসএস টিউটোরিয়ালঃ ১০ম পর্ব(ফন্ট ভেরিয়েন্ট এবং ফন্ট কালার)

0
314 বার দেখা হয়েছে।

সিএসএস ফন্ট এর এই পর্বে আলোচনা করবো ফন্ট ভেরিয়েন্ট এবং ফন্ট কালার নিয়ে। তো চলুন এই পর্ব শুরু করা যাক…

Font Variant:

কোন ইলিমেন্টে ফন্ট স্টাইলের ভেরিয়েশন দিতে font-variant প্রোপার্টি এবং ভ্যালুই হিসেবে normal/ small-caps অ্যাপ্লাই করতে হবে। এইচটিএমএল ইলিমেন্টে ফন্ট স্টাইলের ভেরিয়েশন অ্যাপ্লাই করতে নিচের মত কোড লিখুন।

Note: উপরের কোড টুকুর আউটপুট ব্রাউজার এ ঠিকমতো দেখায় কিনা সেটা প্রদর্শনের জন্য উইন্ডোজের Notepad অথবা Notepad++ সফটওয়্যারটি ওপেন করে কোডটুকু হুবহু নিজের হাতে লিখুন, ভুলেই কপি-পেস্ট করবেন না। ফাইলের নাম দিন fontvariant বা আপনার পছন্দ মতো এবং Save as type নির্বাচন করুন .html। এবার Save করুন। মনে রাখতে হবে, প্রতিটি HTML ডকুমেন্ট .html ফরমেটে (Save) সংরক্ষণ করতে হবে। এবার ডাবল ক্লিক করে ব্রাউজারে ওপেন করুন। সব কিছু ঠিক থাকলে নিচের মত প্রদর্শন করবে…

Font/Text Color:

ফন্টের/টেক্সটের কালার দিতে font-color প্রোপার্টি এবং ভ্যালুই হিসেবে Hexadecimal value(#aahh00), RGB(235, 125, 200), ColorName(red, green etc) অ্যাপ্লাই করতে হবে। এইচটিএমএল ইলিমেন্টে ফন্ট/টেক্সট এর কালার অ্যাপ্লাই করতে নিচের মত কোড লিখুন।

Note: উপরের কোড টুকুর আউটপুট ব্রাউজার এ ঠিকমতো দেখায় কিনা সেটা প্রদর্শনের জন্য উইন্ডোজের Notepad অথবা Notepad++ সফটওয়্যারটি ওপেন করে কোডটুকু হুবহু নিজের হাতে লিখুন, ভুলেই কপি-পেস্ট করবেন না। ফাইলের নাম দিন csscolor বা আপনার পছন্দ মতো এবং Save as type নির্বাচন করুন .html। এবার Save করুন। মনে রাখতে হবে, প্রতিটি HTML ডকুমেন্ট .html ফরমেটে (Save) সংরক্ষণ করতে হবে। এবার ডাবল ক্লিক করে ব্রাউজারে ওপেন করুন। সব কিছু ঠিক থাকলে নিচের মত প্রদর্শন করবে…

বুঝতে কোথাও সমস্যা হলে আমার ফেসবুক গ্রুপেপেজে অথবা ব্লগের জিজ্ঞাসা পাতা’য় জানাতে পারেন।  🙂

Series Navigation<< সিএসএস টিউটোরিয়ালঃ ৯ম পর্ব(ফন্ট ওয়েট এবং ফন্ট স্টাইল)সিএসএস টিউটোরিয়ালঃ ১১তম পর্ব(লাইন হাইট এবং টেক্সট ইনডেন্ট) >>
Print Friendly, PDF & Email

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.